Accessibility
- Use unordered list
<ul>
groups for navbar items. - Place navbar (the list group) in a
nav
element. Thenav
element should also be marked witharia-label="main navigation"
to clearly describe the type of navigation. - Place the
nav
element within the<header>
region. - Use the
aria-current="true"
attribute to indicate the item that is currently selected, or—in a navigational context—usearia-current="page"
to indicate the page that is currently selected. Thearia-current
attribute should be updated when the user makes a selection. - Provide alt text for product logo.
- Provide tooltips for icons.
Was this page helpful?
Thanks for your feedback!