Wat deze regel controleert
Zorg dat <svg>-elementen met de rol img, image, graphics-document of graphics-symbol toegankelijke tekst hebben.
Waarom het belangrijk is
WCAG 1.1.1 vraagt een tekstalternatief voor betekenisvolle afbeeldingen.
Zo los je het op
- Voeg aria-label of een <title>-element toe aan betekenisvolle SVG’s, of aria-hidden="true" aan puur decoratieve.
Zo controleer je de oplossing
- Scan de betrokken pagina’s opnieuw.
Zo vindt FixReports het
Onze scan voert de axe-core-regel svg-img-alt uit in een echte Chrome-browser op elke pagina die hij test, en meldt elk element dat niet slaagt, met de pagina, de markup en, waar van toepassing, een screenshot.
Een geautomatiseerde test bevestigt dat dit specifieke probleem aanwezig is. Hij kan niet zeggen of de rest van de pagina toegankelijk is: sommige drempels komen pas aan het licht als een mens de pagina controleert.