Summary & Key Takeaways ​

• Jake Archibald details an accessibility mistake he made when creating tooltips.
• The article explains how to correctly implement accessible tooltips.
• It leverages the popover="hint" attribute for visual display.
• aria-describedby is used to connect the button to the tooltip for screen readers.
• The post provides a modernized example based on Scott O'Hara's patterns.

Our Commentary ​

I love when prominent developers share their mistakes. It normalizes the learning process and shows that even the best of us can get things wrong, especially with something as nuanced as accessibility. This is a fantastic, practical guide for a common UI element. We should all be paying more attention to these details.