append 'navigation' to the aria-label string

Author: broccolinisoup

src/UnderlineNav2/UnderlineNav.test.tsx

@@ -116,6 +116,6 @@ describe('UnderlineNav', () => {
     const {container} = render(<ResponsiveUnderlineNav />)
     const heading = container.getElementsByTagName('h2')[0]
     expect(heading.className).toContain('VisuallyHidden')
-    expect(heading.textContent).toBe('Repository')
+    expect(heading.textContent).toBe('Repository navigation')
   })
 })

src/UnderlineNav2/UnderlineNav.tsx

@@ -303,7 +303,7 @@ export const UnderlineNav = forwardRef(
           iconsVisible
         }}
       >
-        {ariaLabel && <VisuallyHidden as="h2">{ariaLabel}</VisuallyHidden>}
+        {ariaLabel && <VisuallyHidden as="h2">{`${ariaLabel} navigation`}</VisuallyHidden>}
         <Box
           as={as}
           sx={merge<BetterSystemStyleObject>(getNavStyles(theme, {align}), sxProp)}