Radio inputs with the same name attribute value must be part of a group
Log in (Premium content) Request a demo
Radio buttons that relate to each other must have a common label.
The Algorithm, in Simple Terms
Ensures that radio button groups have a common label.
Why this is Important
It is often easy for sighted users to understand the purpose of a group of radio buttons based on context. This is not the case for screen reader users. Grouping buttons together programmatically under a clear, descriptive name eliminates the ambiguity screen reader users experience to create a more accessible product.
How to Fix the Problem
Ensure all related radio buttons are grouped together using:
- ARIA groups
aria-labelledbythat points to the same element for every radio button in the group
- HTML 4
- HTML 5