diff --git a/packages/edit-site/src/components/page-library/index.js b/packages/edit-site/src/components/page-library/index.js
index 2bc8e1ce9354c..76050c5971782 100644
--- a/packages/edit-site/src/components/page-library/index.js
+++ b/packages/edit-site/src/components/page-library/index.js
@@ -1,6 +1,7 @@
 /**
  * WordPress dependencies
  */
+import { __ } from '@wordpress/i18n';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { getQueryArgs } from '@wordpress/url';
 
@@ -26,7 +27,11 @@ export default function PageLibrary() {
 	// from the site editor store to the block editor store.
 	return (
 		<ExperimentalBlockEditorProvider settings={ settings }>
-			<Page className="edit-site-library">
+			<Page
+				className="edit-site-library"
+				title={ __( 'Library content' ) }
+				hideTitleFromUI
+			>
 				<PatternsList type={ type } categoryId={ category } />
 			</Page>
 		</ExperimentalBlockEditorProvider>
diff --git a/packages/edit-site/src/components/page/index.js b/packages/edit-site/src/components/page/index.js
index c0c48ff65b056..d2f2a4f9c0881 100644
--- a/packages/edit-site/src/components/page/index.js
+++ b/packages/edit-site/src/components/page/index.js
@@ -3,6 +3,11 @@
  */
 import classnames from 'classnames';
 
+/**
+ * WordPress dependencies
+ */
+import { NavigableRegion } from '@wordpress/interface';
+
 /**
  * Internal dependencies
  */
@@ -14,12 +19,13 @@ export default function Page( {
 	actions,
 	children,
 	className,
+	hideTitleFromUI = false,
 } ) {
 	const classes = classnames( 'edit-site-page', className );
 
 	return (
-		<div className={ classes }>
-			{ title && (
+		<NavigableRegion className={ classes } ariaLabel={ title }>
+			{ ! hideTitleFromUI && title && (
 				<Header
 					title={ title }
 					subTitle={ subTitle }
@@ -27,6 +33,6 @@ export default function Page( {
 				/>
 			) }
 			<div className="edit-site-page-content">{ children }</div>
-		</div>
+		</NavigableRegion>
 	);
 }