Form elements should have a visible label

Log in (Premium content) Request a demo

Rule Description

Form input elements may be given a title using the title or aria-describedby attributes (but not both). These attributes are used to provide additional information such as a hint.

The Algorithm, in Simple Terms

Ensures that every <input> that requires a label is has a label other than the title or aria-describedby attributes.

Why this is Important

The title and aria-describedby attributes are used to provide additional information such as a hint. Hints are exposed to accessibility APIs differently than labels and as such, this can cause problems with assistive technologies.

How to Fix the Problem

Provide every form control a label using aria-label, aria-labelledby<label> or explicit <label>.

Compliance Data & User Impact

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

Related Deque University Course Pages

Additional Information

Relevant Technologies:
  • HTML 4
  • HTML5
Relevant Custom Widget Type(s):
  • Checkbox/Checkbox Group (ARIA)
  • Radio Button/Radio Group (ARIA)
  • Textbox (ARIA)
Test Reliability: Automated testing is possible, with high accuracy
Rule ID: label-title-only