1.1.1Niveau A1.1 Text Alternatives

Niet-tekstuele content

All non-text content presented to users has a text alternative that serves an equivalent purpose, with specific exceptions for controls, tests, CAPTCHA, and decorative content.

Bekijk W3C-specificatie ↗axe: image-alt

Wat het betekent

Niet-tekstuele content begrijpen | Hoe te voldoen aan Niet-tekstuele content (Niveau A) Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties. Bedieningselementen, invoer Als niet-tekstuele content een bedieningselement is of gebruikersinvoer accepteert, dan heeft deze een naam die het doel ervan beschrijft. (We verwijzen naar succescriterium 4.1.2 voor aanvullende eisen ten aanzien van bedieningselementen en content die gebruikersinvoer accepteren.) Op tijd gebaseerde media Als niet-tekstuele content op tijd gebaseerde media is, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content. (We verwijzen naar Richtlijn 1.2 voor aanvullende eisen ten aanzien van media.) Test Als niet-tekstuele content een test of oefening is die, als ze door middel van tekst gepresenteerd wordt onjuist zou zijn, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content. Zintuiglijk Als niet-tekstuele content primair is bedoeld om een specifieke zintuiglijke ervaring te creëren, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content. CAPTCHA Als het doel van niet-tekstuele content is om te bevestigen dat content wordt gebruikt door een persoon in plaats van een computer, dan worden tekstalternatieven geleverd die het doel van de niet-tekstuele content identificeren en beschrijven. En er worden alternatieve vormen van CAPTCHA aangeboden gebruikmakend van uitvoermodes voor verschillende soorten van zintuiglijke perceptie om tegemoet te komen aan verschillende functiebeperkingen. Decoratie, opmaak, onzichtbaar Als niet-tekstuele content puur decoratief is, slechts voor visuele opmaak wordt gebruikt, of niet aan gebruikers wordt gerepresenteerd, dan wordt het op zo'n manier geïmplementeerd dat het genegeerd kan worden door hulptechnologie . Richtlijn 1.2 Op tijd gebaseerde media Lever alternatieven voor op tijd gebaseerde media.

Failing example

<!-- Fails: no alt attribute -->
<img src="product-photo.jpg">

<!-- Fails: empty alt on informative image -->
<img src="chart-q3-revenue.png" alt="">

How to fix it

<!-- Pass: descriptive alt text -->
<img src="product-photo.jpg" alt="Blue running shoe with mesh upper">

<!-- Pass: empty alt for decorative image -->
<img src="decorative-divider.png" alt="">

<!-- Pass: complex image with longer description -->
<img src="chart-q3-revenue.png" alt="Q3 revenue chart showing 23% growth">

Hoe A11yRisk dit detecteert

A11yRisk detecteert dit criterium automatisch.

Scan uw site op deze overtreding →