SVG Accessibility Checker & Fixer
Most SVG icons ship invisible to screen readers — no <title>,
role, aria-label, or focusable attributes. This
tool audits your SVG deterministically, scores it, and applies one-click fixes.
Tool interface
Audit results
Issues
Introduction
SVG accessibility is routinely overlooked. An icon without a title or ARIA label is
silent to assistive tech; a decorative SVG without aria-hidden adds noise.
This tool makes the audit deterministic and the fix one click.
How it works
- Parses the SVG with
DOMParser. - Runs rule-based checks based on your chosen intent (informative vs decorative).
- Scores 0–100 and lists issues with approximate line numbers.
- "Apply fixes" mutates the DOM and serializes a corrected SVG.
Privacy
All parsing and fixing is local. No upload, no account, no API key.
Limitations
- Presence-based checks; semantic quality of titles is a human judgment.
- Contrast check is a light heuristic (light text fill on assumed light background).
FAQ
Should every SVG have a <title>?
No. Informative SVGs need a title/label; decorative SVGs should instead use aria-hidden="true" and omit the title.
Is my SVG uploaded?
No. Everything runs locally.