Accessibility
- Availability of top navbar items to assistive technology requires the use of
aria-controls. - Navbars must be contained in
<nav>elements with unique accessible labels for each navigational element on the page, if there’s more than one. - The name of each item should include the attribute
role="button". - Provide a label for all menu items that can be read by assistive technologies. You may use
visually-hiddentext or add anaria-labelto each menu item. If you need the menu item name to be translatable, usevisually-hidden. - Provide alt text for product logo.
- Provide tooltips for icons.
Was this page helpful?
Thanks for your feedback!