SVG Icon a11y Fixer (experimental)

Problem: Adobe illustrator and similar tools export SVGs with a lot of ID attributes, a title element, and other issues. When those SVGs are embedded directly in HTML via the SVG element, these IDs may lead to a violation of WCAG 2.1 SC 4.1.1 and potentially cause problems with screen readers. Solution 1: this thingy. Soltion 2: use an IMG element to load the SVG so that those IDs are not considered part of the overall document.

This will fix several SVG icon issues (or potential issues), including the following. Note that this is experimental and likely has bugs. All image editing is done on the client side.

Instructions:

  1. Upload the SVG file
  2. Wait for processing to finish (should be super quick)
  3. click the download link

Status:

Output