Form fields are labelled only by a tooltip
Automated check label-title-only, run with axe-core
- WCAG
- Best practice: a recommendation, not a WCAG success criterion
- Severity
- Moderate: a degraded experience
- Typical effort
- Quick win, under 1 hour
- Category
- Forms and controls
Who this affects
Everyone, but especially people with cognitive impairments and touch-screen users, who never see hover tooltips.
Why it matters
A title or aria-describedby is not a label: the field has no visible, lasting description of what to enter.
How to fix it
Add a visible <label> linked to the field.
Check your own website
The free scan tests 3 pages against WCAG 2.2 A and AA in about 30 seconds. No sign-up.
Related checks: Forms and controls
- Custom buttons, links or menu items have no accessible name
- Dialogs have no accessible name
- Custom input widgets have no accessible name
- Custom checkboxes, switches or radio buttons have no accessible name
- Form fields use invalid autocomplete values
- Buttons have no discernible text
- Form field has more than one label
- Form buttons have no accessible name