- Use unordered list
<ul>groups for navbar items.
- Place navbar (the list group) in a
navelement should also be marked with
aria-label="main navigation"to clearly describe the type of navigation.
- Place the
navelement within the
- Use the
aria-current="true"attribute to indicate the item that is currently selected, or—in a navigational context—use
aria-current="page"to indicate the page that is currently selected. The
aria-currentattribute 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!