WebAIM - Web Accessibility In Mind

E-mail List Archives

Tooltip for non-actionable icons

for

From: megha patangi
Date: Feb 21, 2023 3:18AM

Hello all,
This is a question with respect to the requirement of sighted keyboard users.
We have a non-actionable icon and we have provided tooltip explaining
what the icon is about, and the tooltip appears on hover.
for sighted keyboard users too we wanted to have this tooltip appear
on focus, but to achieve this we need to make the icon focusable.

Challenges:
1. if we make the icon focusable, then it violates that
"non-interactive item receives tab stop"
2. if we don't make it focusable, then there is no way for keyboard
users to access the tooltip, which violates that "tooltip accessible
for mouse users but not for keyboard, or dragon users"

What can be better done with this, which is not violation and gives
equitable experience.

Regards,
Megha