labels

Missing form input labels is in place rank 4 on the top 6 list of most common WCAG failures with 45.9%. But don't worry, the fix is really simple.

Select a conformance level

Basic Level A

Recommended Level AA and lower

Advanced Level AAA and lower

Available techniques:
Identify required inputs
Visibly mark required inputs
- WCAG 2.2
- A
- #inputs
- #labels
Use descriptive labels
Provide a descriptive labels for inputs.
- WCAG 2.2
- A
- #inputs
- #labels
Input support
If needed provide user with further information for inputs.
- WCAG 2.2
- A
- #labels
- #inputs
Invisible labels for inputs
Use aria-label to provide an invisible label where a visible label cannot be used
- WCAG 2.2
- A
- #inputs
- #labels
Proper invisible labels
If label is not visible offer a text alternative for assistive technologies
- WCAG 2.2
- A
- #inputs
- #labels