Skip to content

Find what you need, instantly

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

All roles

option

Widget role

A selectable item within a listbox, carrying its selection state via aria-selected. Options are navigated with the arrow keys, and the active one is indicated by focus or aria-activedescendant. Each should have an accessible name from its text content.

Used on
A selectable item within a listbox.
Required properties
  • aria-selectedtrue or false
Accessible name
From the option's child text content.
Example
role="option"
<li role="option" aria-selected="true">TypeScript</li>
See a live, tested example on the Listbox (single & multi-select) page