Regex search:
style=(["|'])fill:#([a-zA-Z0-9]{3,});\1replace withfill="#$2"(class|id)=(["|'])([a-zA-Z_0-9-^-]+)\2replace with blank
In a nuttshell:
- Remove
<title>and<decoration>if the image is “just decoration”. - Add
role="img" aria-hidden="true" focusable="false"to the svg. Excludearia-hidden="true"if its an infographic. - If its important to understand the “svg” in order to understand what the page is about, use
aria-labelledby="title desc"on the SVG and useandelement in the SVG.
