Svg
Accessibility
To make an <img>
accessible, we must add alt text. However, to make svgs accessible, we must:
- Add a
<title>
as the first child of it's parent element - Give the
<title>
a unique ID - Add role="img" and aria-labelledby={uniqueId}to the
<svg>
strokeOffset property
Svg property to animate svg. This is used any time you see an svg being drawn on. You can also apply css animations to it