Tooltips have no accessible name
Automated check aria-tooltip-name, run with axe-core
- WCAG
- 4.1.2 Name, Role, Value (Level A)
- Severity
- Moderate: a degraded experience
- Typical effort
- Quick win, under 1 hour
- Category
- Content
Who this affects
Screen reader users.
Why it matters
The tooltip is announced without its text, so the extra explanation it was meant to give is lost.
How to fix it
Put the tooltip text inside the element with role="tooltip", or give it an aria-label.
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: Content
- Meters have no accessible name
- Progress bars have no accessible name
- Table header cells are empty
- Images have no text alternative
- Image alt text duplicates nearby visible text
- Embedded objects have no text alternative
- Elements with role="img" have no text alternative
- Table scope attributes are used incorrectly