Mastering SVG

SVG as an image src

The easiest way to get SVG into a document is as the src of an img element. Doing so, as we saw in Chapter 1, Introducing Scalable Vector Graphics, is as simple as referencing the *.svg element the same way you would reference any image as the src attribute on an img element. 

As for accessibility, if you follow best practices with regards to accessibility and images, you can continue to do the same with SVG images. The alt attribute should be there and, if it's needed for AT, it should properly describe the content (https://webaim.org/techniques/alttext/). You might wonder why you would have to do this, especially with an SVG image that already has descriptive text as part of its source. Note that any textual content ...