Add named page headers

zooniverse · Oct 28, 2023 · b90779c · b90779c
1 parent 8eefa1c
commit b90779c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/packages/app-root/src/app/about/page.js b/packages/app-root/src/app/about/page.js
@@ -1,5 +1,8 @@
 export default function AboutPage() {
   return (
+    <header aria-label='About the Zooniverse'>
+      <p>This is the section header.</p>
+    </header>
     <div>
       <p>This is lib-content-pages</p>
     </div>

diff --git a/packages/app-root/src/app/projects/page.js b/packages/app-root/src/app/projects/page.js
@@ -1,5 +1,8 @@
 export default function ProjectPage() {
   return (
+    <header aria-label='Project header'>
+      <p>This is the project header.</p>
+    </header>
     <div>
       <p>This is lib-project</p>
     </div>

diff --git a/packages/app-root/src/components/PageHeader.js b/packages/app-root/src/components/PageHeader.js
@@ -15,11 +15,13 @@ export default function PageHeader() {
   const { data: unreadNotifications }= useUnreadNotifications(user)
 
   return (
-    <ZooHeader
-      isAdmin={adminMode}
-      unreadMessages={unreadMessages}
-      unreadNotifications={unreadNotifications}
-      user={user}
-    />
+    <header aria-label='Zooniverse site header'>
+      <ZooHeader
+        isAdmin={adminMode}
+        unreadMessages={unreadMessages}
+        unreadNotifications={unreadNotifications}
+        user={user}
+      />
+    </header>
   )
 }