Fixing my tooltip accessibility mistake

A web developer shares an accessibility mistake made when building a tooltip for an icon-only button. The error was removing aria-label and relying solely on aria-describedby, which provides additional description but not an accessible name. Without an accessible name, screen readers like JAWS incorrectly announced nearby sibling elements. The fix was switching to aria-labelledby, which provides the accessible name from the tooltip element. Key takeaways: always ensure interactive elements have an accessible name, and test with multiple screen readers rather than just one.

Source: https://jakearchibald.com/2026/my-tooltip-a11y-mistake. 8sync News only summarizes and links out; content copyright belongs to the authors and original sources.