Do tooltips need to be keyboard operable?

Question

I have an interactive button with a tooltip that opens on mouse hover to give more information. All the tooltip information is in the button’s ARIA label, so why does the tooltip need to be openable on keyboard?

Answer

If the tooltip text is brief, the ARIA label can work well for users who are both navigating via keyboard and using a screen reader, such as people who are blind, low vision, or have a reading disability. However, users who rely on keyboard navigation and primarily perceive the page visually often aren't using assistive technology that communicates the ARIA label the way screen readers do. This can include users with disabilities related to motor function or chronic pain, and users who simply prefer to use keyboard navigation instead of a mouse or another pointer device.

A popular strategy is to ensure tooltips open on both mouse hover and keyboard focus, so a broader range of users will have access to the information regardless of the input device they are using.

To learn more about web accessibility considerations for keyboard navigation, explore the Keyboard Navigation & Focus Management course from Accessible Web Academy. If you are a web design agency and are not part of our accessibility for agencies partner program, let's talk!

Free Tools to Continue Learning

Accessible Web Company Logo

Accessible Web RAMP

Monitor your website and manage your progress towards WCAG conformance.

Accessible Web Company Logo

Accessible Web Academy

Career specific courses to help power up your accessibility knowledge.