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-hidden
text or add anaria-label
to 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!