#428

frontend/src/components/TopNav.tsx

@@ -126,7 +126,7 @@ export const menuOutline = (
 
 
 const TopNav: FC<Props> = ({ user, locales }) => {
-  const { label } = useUITranslation ('shared')
+  const { message, label } = useUITranslation ('shared')
   const locale = useLocale ()
   const localeName = locales.find (entry => entry.code === locale)?.name
   const navigate = useLocaleNavigate ()
@@ -177,6 +177,7 @@ const TopNav: FC<Props> = ({ user, locales }) => {
       width:    0,
       visible:  false })
   const [menuOpen, setMenuOpen] = useState (false)
+  const menuToggleLabel = message (menuOpen ? 'dialogue.close' : 'navigation:menuToggle')
   const [desktop, setDesktop] = useState (false)
   const [density, setDensity] = useState<NavDensity> ('auto')
   const [moreVsbl, setMoreVsbl] = useState (false)
@@ -474,10 +475,12 @@ const TopNav: FC<Props> = ({ user, locales }) => {
 		type="button"
 		className="top-nav-mobile-toggle shrink-0 whitespace-nowrap
 			   border-0 bg-transparent pr-4"
+		aria-label={menuToggleLabel.text}
+		lang={menuToggleLabel.language}
 		onClick={() => {
 		  setMenuOpen (!(menuOpen))
 		}}>
-	      {menuOpen ? '×' : 'Menu'}
+	      {menuOpen ? '×' : label ('navigation:menuToggle')}
 	    </button>
 	  </div>
 	</nav>