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.
7.2K Impressions