Language menu keyboard controls (Accessibility)
If you focus the language menu in the header or footer has some issues when using a keyboard:
- When opened with keyboard it doesn't focus the first item. Focusing the first item is useful when using a screen reader.
- Esc will open the menu, it should only be closing it.
- The button in the header has no
:focus
or:focus-visible
styling, and the one in the footer is not very visible.
In addition, the menu and its links could be using the role="menu"
and role="menuitem"
respectively. A good example is here https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links.html