<svg> elements with an img role must have an alternative text
What is the problem?
The svg-img-alt rule ensures that SVG images embedded in HTML have appropriate alternative text.
Impacted Groups
Why is this important?
Screen reader users rely on alternative text to understand the content of images. Without alternative text, they may miss important information or be unable to fully understand the page.
How to solve this issue
To fix this, add either a title, aria-label, or aria-labelledby attribute to the SVG element. This will provide the necessary alternative text for screen reader users.
Rule Information
Rule ID
svg-img-alt
Severity
Manual Review Required
Rule Group
WCAG 2.0 Level A & AA Rules
Guidelines
- WCAG 2.1 (A)
- WCAG 2.0 (A)
- WCAG 2.2 (A)
- Section 508
- Trusted Tester
- EN 301 549
Customise Guidance
You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.
Enable your website editors to resolve issues quickly with SiteAlly.
Ready to make your website accessible?
SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.