Skip to content

Find what you need, instantly

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

All roles

radio

Widget role

One option within a radiogroup, where selecting it deselects the others in the group. Its selected state is exposed via aria-checked, and arrow keys move selection between radios. Prefer a native `<input type='radio'>` where possible.

Used on
One option inside a radiogroup.
Required properties
  • aria-checkedtrue or false
Accessible name
Required, from child text or aria-label.
Used by components
Example
role="radio"
<span role="radio" aria-checked="true">Fast</span>
See a live, tested example on the Radio Group page