Checkbox inputs with the same name attribute value must be part of a group
Log in (Premium content) Request a demo
aria-labelledbyvalue for all group members, or a proper containing
<fieldset>or ARIA group to associate them programmatically for screen reader users.
The Algorithm, in Simple Terms
Why this is Important
It is often easy for sighted users to understand the purpose of a group of checkboxes based on context. This is not, however, always the case for screen reader users. Grouping checkboxes 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 checkboxes are grouped together using one of the following methods:
- ARIA groups
aria-labelledbythat points to the same element for every checkbox in the group
- HTML 4
- HTML 5