Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Accessibility Improvement / Tooltip Support

See original GitHub issue

I shifted to Lucide from Feather after having no way to add tooltips directly. A similar issue (https://github.com/feathericons/react-feather/issues/67) exists for Feather which references this project but I didn’t see any request or any implementation here yet. The gist of this issue/request is the ability to add alternative text like this:

<Icon alt="Navigate to Report" />

This would allow browsers to display a tooltip when you hover the cursor over the icon like this:

The linked issue goes into more detail. The icons work really well as buttons and this addition could improve the accessibility of the websites using these icons directly.

Issue Analytics

State:
Created 2 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

1reaction

tommy4stcommented, Dec 9, 2022

So there is currently no way to make the icons accessible to screen readers?

It’s actually possible by using the aria attributes. For example, you can use aria-label instead of alt or for decorative icons you can use aria-hidden. But I would still prefer to set the alt attribute.

0reactions

TheodorRenecommented, Oct 25, 2022

So there is currently no way to make the icons accessible to screen readers?