Checkbox inputs with the same name attribute value must be part of a group

Log in (Premium content) Request a demo

Rule Description

All checkbox groups must have either a proper aria-labelledby value 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

Ensures that all checkbox groups have a group and that that group designation is consistent

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:

  • <fieldset> and <legend> tags
  • ARIA groups role="group" and aria-label or aria-labelledby
  • aria-labelledby that points to the same element for every checkbox in the group

Compliance Data & User Impact

User Impact: Critical
Disabilities Affected:
  • Blindness
  • Deafblindness
  • Mobility/Dexterity
Issue Type:
  • Deque Best Practice
WCAG Success Criteria:
  • Not applicable
Section 508 Guidelines:
  • Not applicable

Related Deque University Course Pages

Other Related Resources

Additional Information

Relevant Technologies:
  • HTML 4
  • HTML 5
Relevant Custom Widget Type(s):
  • Checkbox/Checkbox Group (ARIA)
Test Reliability: Automated testing is possible, with high accuracy
Rule ID: checkboxgroup