t-hamano · May 8, 2026 · May 6, 2026 · May 6, 2026 · May 8, 2026 · May 8, 2026
diff --git a/packages/admin-ui/CHANGELOG.md b/packages/admin-ui/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Breaking Changes
+
+-   Change default `headingLevel` for the `Page` component's header from `2` to `1`, meaning from `h2` to `h1`. If you need to keep previous behaviour, use `<Page title="Example" headingLevel={ 2 }>` [#77617](https://github.com/WordPress/gutenberg/pull/77617)
+
 ## 1.8.0 (2026-02-18)
 
 ### Enhancements

diff --git a/packages/admin-ui/src/page/header.tsx b/packages/admin-ui/src/page/header.tsx
@@ -9,7 +9,7 @@ import { Stack } from '@wordpress/ui';
 import { SidebarToggleSlot } from './sidebar-toggle-slot';
 
 export default function Header( {
-	headingLevel = 2,
+	headingLevel = 1,
 	breadcrumbs,
 	badges,
 	title,
@@ -27,11 +27,7 @@ export default function Header( {
 } ) {
 	const HeadingTag = `h${ headingLevel }` as const;
 	return (
-		<Stack
-			direction="column"
-			className="admin-ui-page__header"
-			render={ <header /> }
-		>
+		<Stack direction="column" className="admin-ui-page__header">
 			<Stack direction="row" justify="space-between" gap="sm">
 				<Stack direction="row" gap="sm" align="center" justify="start">
 					{ showSidebarToggle && (

diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js
@@ -202,6 +202,7 @@ export default function DataviewsPatterns() {
 			<Page
 				className="edit-site-page-patterns-dataviews"
 				title={ title }
+				headingLevel={ 2 }
 				subTitle={ description }
 				actions={
 					<PatternsActions

diff --git a/packages/edit-site/src/components/page-templates/index-legacy.js b/packages/edit-site/src/components/page-templates/index-legacy.js
@@ -133,6 +133,7 @@ export default function PageTemplates() {
 		<Page
 			className="edit-site-page-templates"
 			title={ __( 'Templates' ) }
+			headingLevel={ 2 }
 			actions={ <AddNewTemplate /> }
 		>
 			<DataViews

diff --git a/packages/edit-site/src/components/page-templates/index.js b/packages/edit-site/src/components/page-templates/index.js
@@ -325,6 +325,7 @@ export default function PageTemplates() {
 		<Page
 			className="edit-site-page-templates"
 			title={ __( 'Templates' ) }
+			headingLevel={ 2 }
 			actions={ <AddNewTemplate /> }
 		>
 			<DataViews

diff --git a/packages/edit-site/src/components/post-list/index.js b/packages/edit-site/src/components/post-list/index.js
@@ -274,6 +274,7 @@ export default function PostList( { postType } ) {
 	return (
 		<Page
 			title={ labels?.name }
+			headingLevel={ 2 }
 			actions={
 				<>
 					{ labels?.add_new_item && canCreateRecord && (

diff --git a/packages/edit-site/src/components/sidebar-global-styles/index.js b/packages/edit-site/src/components/sidebar-global-styles/index.js
@@ -97,6 +97,7 @@ export default function SidebarGlobalStyles() {
 			}
 			className="edit-site-styles"
 			title={ __( 'Styles' ) }
+			headingLevel={ 2 }
 		>
 			<GlobalStylesUIWrapper
 				path={ section }

diff --git a/routes/connectors-home/stage.tsx b/routes/connectors-home/stage.tsx
@@ -50,7 +50,6 @@ function ConnectorsPage() {
 	return (
 		<Page
 			title={ __( 'Connectors' ) }
-			headingLevel={ 1 }
 			subTitle={ __(
 				'All of your API keys and credentials are stored here and shared across plugins. Configure once and use everywhere.'
 			) }

diff --git a/routes/font-list/stage.tsx b/routes/font-list/stage.tsx
@@ -73,7 +73,7 @@ function FontLibraryPage() {
 	}
 
 	return (
-		<Page headingLevel={ 1 } title={ __( 'Fonts' ) }>
+		<Page title={ __( 'Fonts' ) }>
 			<Tabs
 				selectedTabId={ activeTab }
 				onSelect={ ( tabId: string ) => setActiveTab( tabId ) }

diff --git a/routes/navigation-edit/stage.tsx b/routes/navigation-edit/stage.tsx
@@ -43,6 +43,7 @@ function NavigationEditStage() {
 
 	return (
 		<Page
+			headingLevel={ 2 }
 			breadcrumbs={
 				<Breadcrumbs
 					items={ [

diff --git a/routes/navigation-list/stage.tsx b/routes/navigation-list/stage.tsx
@@ -131,6 +131,7 @@ function NavigationList() {
 		<>
 			<Page
 				title={ __( 'Navigation' ) }
+				headingLevel={ 2 }
 				className="navigation-page"
 				hasPadding={ false }
 				actions={

diff --git a/routes/pattern-list/stage.tsx b/routes/pattern-list/stage.tsx
@@ -258,6 +258,7 @@ function PatternList() {
 	return (
 		<Page
 			title={ __( 'Patterns' ) }
+			headingLevel={ 2 }
 			subTitle={ __(
 				'Reusable design elements for your site. Create once, use everywhere.'
 			) }

diff --git a/routes/post-list/stage.tsx b/routes/post-list/stage.tsx
@@ -273,6 +273,7 @@ function PostList() {
 	return (
 		<Page
 			title={ postTypeObject.labels?.name }
+			headingLevel={ 2 }
 			subTitle={ postTypeObject.labels?.description }
 			className={ `${ postTypeObject.name.toLowerCase() }-page` }
 			actions={

diff --git a/routes/styles/stage.tsx b/routes/styles/stage.tsx
@@ -40,6 +40,7 @@ function Stage() {
 
 	return (
 		<Page
+			headingLevel={ 2 }
 			actions={
 				! isMobileViewport ? (
 					<HStack>

diff --git a/routes/template-part-list/stage.tsx b/routes/template-part-list/stage.tsx
@@ -250,6 +250,7 @@ function TemplatePartList() {
 	return (
 		<Page
 			title={ postTypeObject.labels?.name }
+			headingLevel={ 2 }
 			subTitle={ postTypeObject.labels?.description }
 			className="template-part-page"
 			actions={