Accessible SVG Icons with Inline Sprites
https:/
Standing on their own, icons can be misinterpreted […]. The most important issue though: they lack text. Text is the most accessible format for information on the web. Screen readers understand text best and the same applies to most assistive technology, such as translation apps and Braille displays. So, if we have anything on our web page that’s not text — like icons — we must add text that gives our users the same information. Otherwise we could exclude people from understanding our interfaces.
I thought having aria-label
in my sprite's <symbol>
was enough, but it looks like the aria-label
should be on the SVG with the <use>
tag instead.
-
older link:
Proxying Cloudinary Requests with Netlify -
newer link:
How To Convert Variable TTF Font Files to WOFF2