add unique aria-label for more navigations

primer · Jan 17, 2024 · d04410e · d04410e
1 parent 8393fcb
commit d04410e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/packages/theme/components/layout/related-content-links/RelatedContentLinks.tsx b/packages/theme/components/layout/related-content-links/RelatedContentLinks.tsx
@@ -23,7 +23,7 @@ export function RelatedContentLinks({links}: RelatedContentLinksProps) {
       <Text as="p" size="100" variant="muted" weight="normal" className={styles.heading}>
         Related content
       </Text>
-      <NavList>
+      <NavList aria-label="Related content">
         {links.map(page => (
           <NavItem
             className={styles.item}

diff --git a/packages/theme/components/layout/sidebar/Sidebar.tsx b/packages/theme/components/layout/sidebar/Sidebar.tsx
@@ -55,7 +55,7 @@ export function Sidebar({pageMap}: SidebarProps) {
 
   return (
     <div className={styles.Sidebar}>
-      <NavList className={styles.NavList}>
+      <NavList className={styles.NavList} aria-label="Menu links">
         {reorderedPageMap.map(item => {
           if (item.kind === 'MdxPage' && item.route === '/') return null
 

diff --git a/packages/theme/components/layout/table-of-contents/TableOfContents.tsx b/packages/theme/components/layout/table-of-contents/TableOfContents.tsx
@@ -61,7 +61,7 @@ export function TableOfContents({headings}: TableOfContentsProps) {
       <Text as="p" size="100" variant="muted" weight="normal" className={styles.heading}>
         On this page
       </Text>
-      <NavList>
+      <NavList aria-label="Table of contents">
         {depth2Headings.map(heading => (
           <NavList.Item
             className={styles.item}