jprdonnelly/docs
1
0
Fork 0
mirror of synced 2025-12-23 21:07:12 -05:00
Code Issues Projects Releases Wiki Activity

Add aria-label to nav for sidebar (#36205)

Browse Source
This commit is contained in:
Grace Park
2023-04-05 11:03:45 -07:00
committed by GitHub
parent 2de4bb530a
commit a428d85b26
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/sidebar/SidebarNav.tsx
View File

@@ -12,7 +12,7 @@ type Props = {
}
export const SidebarNav = ({ variant = 'full' }: Props) => {
const { error, currentProduct, currentProductTree } = useMainContext()
const { currentProduct, currentProductTree } = useMainContext()
const isRestPage = currentProduct && currentProduct.id === 'rest'
const productTitle = currentProductTree?.shortTitle || currentProductTree?.title
// we need to roughly account for the site header height plus the height of
@@ -52,8 +52,12 @@ export const SidebarNav = ({ variant = 'full' }: Props) => {
style={{ width: 326, height: '100vh', paddingBottom: sidebarPaddingBottom }}
role="banner"
>
<nav>
{error === '404' || !currentProduct || currentProduct.id === 'search' ? (
<nav
aria-label={
!currentProduct || currentProduct.id === 'search' ? 'homepage' : currentProduct.name
}
>
{!currentProduct || currentProduct.id === 'search' ? (
<SidebarHomepage />
) : (
<SidebarProduct />