How to Test SVG with Screen Readers
Verify your SVG's accessible name and role are announced correctly by assistive technology.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
What to Test
Test that decorative SVGs are silent (aria-hidden='true') and that meaningful SVGs announce a clear label via <title>, aria-label, or role='img', across at least one screen reader per major OS.
- Decorative SVGs should be aria-hidden and silent
- Meaningful SVGs need a clear announced label
- Test across NVDA, VoiceOver, and JAWS if possible
Common Issues to Catch
Watch for SVGs that announce nothing, announce raw file names, or announce redundant text already present elsewhere on the page — all signal a missing or misconfigured accessible name.
- No announcement on a meaningful icon = missing label
- Avoid duplicate announcements with adjacent text
- Re-test after any markup or attribute change
Frequently Asked Questions
Which screen reader should I test SVG accessibility with first?
NVDA (free, Windows) and VoiceOver (built into macOS/iOS) cover the most common combinations; test both if you can.
Why is my decorative SVG still being announced?
It's likely missing aria-hidden='true', or it still contains a <title> element that some screen readers pick up regardless of aria-hidden in certain browser/AT pairings.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG