Archived topic
role for SVG icons causes accessibility fail?
3 replies · Started by Michele on September 11, 2020
The SVG icons have aria-hidden="true" role="img".
If I understand correctly, the aria-hidden="true" is, basically "Hey, assistive technology, ignore this. It doesn't matter." But the role="img" might suggest otherwise. If I'm not mistaken, it should be role="presentation" or something similar to that.
If it adds any weight, the SiteImprove tool is flagging the SVG icons as an accessibility issue.
Hi Michele,
A more elaborate explanation about aria-hidden:
For role="img", this two links are a good read. Perhaps this is oversimplification but its basically for context and/or semantics.
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Role_Img
https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA24.html
If it adds any weight, the SiteImprove tool is flagging the SVG icons as an accessibility issue.
You may want to read this. It's a pretty elaborate statement that sheds light about this directly from someone working at SiteImprove.
https://github.com/FortAwesome/Font-Awesome/issues/12492#issuecomment-676573395
Thanks, Elvin. Those are helpful insights.
No problem.:)
