Provide descriptive labels [G131]
Test infoPossible Results
Test info
Test for Success Criterion 3.3.2
About
Checked Elements: form
This test checks, whether the form control has an associated label that could be descriptive.
Short Description
It is important, that the label for any form control makes the control's purpose clear. Using the label element for associating labels with form control allows assistive technology to recognize the label and present it to the user.
How to Repair
Provide a label element with a descriptive text for the form control. Associate the label with the form control, by using the id of the control as the value for the for attribute of the label.
Accessible HTML/XHTML Forms: Intermediate Level
Accessible HTML/XHTML Forms: Intermediate Level
WCAG 2.0
- Principle 2: Operable
- User interface components and navigation must be operable. WCAG 2.0: Principle 2
- Guideline 2.4: Navigable
- Provide ways to help users navigate, find content, and determine where they are. Understanding Guideline 2.4
- Success Criterion 2.4.6: Headings and Labels (Level AA)
- Headings and labels describe topic or purpose. Understanding: Success Criterion 2.4.6
- Technique
Possible Results
- The label is ambiguous
-
The text of the label is a duplicate of another label that occurs before this one in the same fieldset or form.
- There is no text in the label
-
The label element contains only non-text content.
- The purpose of the form control is not stated
-
The label identifying the purpose of the form control is empty and the alternatively usable title attribute of the control is also missing.
- There is no label to identify the purpose of the form control
-
There is no label for the form control that could identify its purpose and the alternatively usable title is also missing
- Please check the label
-
Human input is necessary to verify, that the label describes the purpose of the form control.