Svg

Accessibility

To make an <img> accessible, we must add alt text. However, to make svgs accessible, we must:

  1. Add a <title> as the first child of it's parent element
  2. Give the <title> a unique ID
  3. 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

Tools

https://www.svgator.com/