A radiogroup must have at most one checked radio

Rule radiogroup-single-selected · Component patterns (best practice) · impact serious · Static + live

↩ Back to the rules index · WCAG cross-reference

Why it matters#

A radio group is single-select by definition: exactly one option is chosen. Multiple aria-checked="true" radios send a contradictory state to assistive technology and break the expected single-selection behaviour.

How to fix#

Keep aria-checked="true" on a single radio in the group and aria-checked="false" on the rest.

Example#

<div role="radiogroup"><div role="radio" aria-checked="true">A</div><div role="radio" aria-checked="true">B</div></div>

<div role="radiogroup"><div role="radio" aria-checked="true">A</div><div role="radio" aria-checked="false">B</div></div>

WCAG success criteria#

4.1.2 Name, Role, Value — Level A#

Every UI component must expose a correct name, role, and (where relevant) state/value to assistive technology.

Understanding 4.1.2

Standards#

This rule contributes to the following standards:

WCAG A EN 301 549

References#

• APG — Radio Group