Provide accessible names for tooltips

Tooltips often contain essential information; if they aren't properly named or associated with an element, that information remains hidden from screen reader users.

Quick Reference

• Tooltips must have an accessible name or be referenced by aria-describedby
• Ensure the tooltip content is actually accessible to assistive technology
• Verify that tooltips are correctly associated with their trigger elements

Check

Verify that all elements with role="tooltip" have an accessible name or are linked to a trigger element via aria-describedby.

Fix

Assign an accessible name to the tooltip or ensure it is correctly referenced by the element it describes.

Explain