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

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