WebAIM - Web Accessibility In Mind

E-mail List Archives

methods to incorporaate svg

for

From: Sonja Weckenmann
Date: May 19, 2016 2:54PM

Hello,

I've read the article "Tips for creating accessible SVG" from Léonie
Watson (https://www.sitepoint.com/tips-accessible-svg/) and I have
following questions about incorporating a svg:

When should I use "inline SVG" and when is it ok to pull it in via the
<img> element?

I mean it is much easier to use a simmple <img> tag with an alt-attribut
for simple images than an inline svg with role img, title and
aria-labelledby?

And for complex imgages - couldn't I do it the same way and use alt +
ariadescribedby?
Are there good reasons to use inline svg nevertheless (in one or both
cases)?

thanks
sonja