NavList

NavLists should always be labeled for assistive technologies, even if the label is visually hidden.

NavList items are links, so they should never contain buttons or other clickable elements.

Inactive NavList items

Inactive NavList items are not rendered as <a> tags since we don't know the href value. The only focusabe part of the item is the leading visual. See the ActionList accessibility guidelines for more details.

Leading Visuals

Leading visuals are intended to be decorative only; the context of the leading visual should be provided in the text of NavList.Item. Only the text in NavList.item and any trailing visuals within NavList.Item are included in its accessible name, while anything inside NavList.LeadingVisual will be ignored.