HTML form control has no accessible name Accessibility Checkpoint

Description

HTML form control has no accessible name.

Help

A label (or name) linked to the control allows screen readers to voice the label correctly when reading the control. To add a label do one of the following:

• Use a label element with the for attribute set to the ID of the form control
• Wrap a label element around the form control
• Add a title attribute
• Add an aria-label attribute
• Add an aria-labelledby attribute

Applicable standards

• ACT Rules e086e5
• WCAG 2.0 F68 (Success Criteria: 4.1.2 level A)
• WCAG 2.1 F68 (Success Criteria: 4.1.2 level A)
• WCAG 2.2 F68 (Success Criteria: 4.1.2 level A)
• Section 508 (2017) F68 (Success Criteria: 4.1.2 level A)

Note: Section 508 Refresh (2017) checkpoints are equivalent to WCAG 2.0 level A and level AA checkpoints.

Change history

• 5.37 May 2020 Merged with AccHtmlControlLabelBlank.
• 5.27 Oct 2017 Fixed false positive. Changed rule ID from AccWcag2-F68-1 to AccHtmlControlLabelMissing.
• 5.23 Oct 2016 Fixed false positive on hidden fields.
• 5.8 Mar 2015 Split off detection of blank labels and dangling IDREFs into separate rules.
• 5.5 May 2014 Updated to April 2014 version of Techniques for WCAG 2.0.
• 5.3 Sep 2013 Fixed false negative.
• 5.2 May 2013 Reports which screen readers are affected by this issue.
• 4.7 Jun 2012 Now triggers Section 508 1194.22 (n).
• 4.6 Feb 2012 Fix false negative: rule doesn’t fire if input has a title attribute instead of label, but now checks title is non-blank.
• 3.0 Dec 2008 Added.

This page describes a web site issue detected in HTML documents by SortSite Desktop and OnDemand Suite.

Rule ID: AccHtmlControlLabelMissing