Fix the heading hierarchy in the site editor (WordPress#51696)

pewresearch · Jul 13, 2023 · 7da4e62 · 7da4e62
1 parent df58591
commit 7da4e62
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/sidebar-navigation-screen-details-panel/index.js b/packages/edit-site/src/components/sidebar-navigation-screen-details-panel/index.js
@@ -22,7 +22,7 @@ function SidebarNavigationScreenDetailsPanel( { title, children, spacing } ) {
 			{ title && (
 				<Heading
 					className="edit-site-sidebar-navigation-details-screen-panel__heading"
-					level={ 3 }
+					level={ 2 }
 				>
 					{ title }
 				</Heading>

diff --git a/packages/edit-site/src/components/sidebar-navigation-screen/index.js b/packages/edit-site/src/components/sidebar-navigation-screen/index.js
@@ -89,7 +89,7 @@ export default function SidebarNavigationScreen( {
 					<Heading
 						className="edit-site-sidebar-navigation-screen__title"
 						color={ 'white' }
-						level={ 2 }
+						level={ 1 }
 						size={ 20 }
 					>
 						{ ! isPreviewingTheme()

diff --git a/test/e2e/specs/site-editor/command-center.spec.js b/test/e2e/specs/site-editor/command-center.spec.js
@@ -44,7 +44,7 @@ test.describe( 'Site editor command center', () => {
 			.click();
 		await page.keyboard.type( 'index' );
 		await page.getByRole( 'option', { name: 'index' } ).click();
-		await expect( page.getByRole( 'heading', { level: 2 } ) ).toHaveText(
+		await expect( page.getByRole( 'heading', { level: 1 } ) ).toHaveText(
 			'Index'
 		);
 	} );