Skip to content

Find what you need, instantly

Search components, ARIA roles & attributes, and WCAG criteria.

All roles

listitem

Document structure role

A single item within a list, counted and announced as part of it ('2 of 5'). It must sit within a list role to be meaningful. It maps to the native `<li>` element.

Used on
A single item in a list. Prefer <li>.
Accessible name
From child content.
Used by components
Example
role="listitem"
<li role="listitem">Products</li>
See a live, tested example on the Breadcrumb page