Succescriterium 1.1.1 Niet-tekstuele content
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.
Niet-tekstuele content begrijpen (Engelstalig)
Geef alle niet-tekstuele content een passend tekstalternatief. Denk hierbij aan afbeeldingen (zoals foto’s, illustraties en iconen), voortgangsbalken en andere elementen die niet uit tekst bestaan.
Uitzonderingen zijn:
- niet-tekstuele bedieningselementen en invoer met een toegankelijke naam
- op tijd gebaseerde media met een korte beschrijving
- een test of oefening
- niet-tekstuele content die bedoeld is om een specifieke zintuiglijke ervaring te creëren
- CAPTCHA’s
- niet-tekstuele content die puur decoratief is
Mensen met een visuele beperking kunnen deze niet-tekstuele content niet (of niet goed) zien. Daarom is het belangrijk om bij elke niet-tekstuele content een geschreven alternatief te maken. Schermlezers gebruiken het tekstalternatief om de content te presenteren. Zo kan voorleessoftware tekst omzetten in spraak en kan een brailleleesregel tekst vertalen naar braille.
Hoe pas je dit toe?
Geef alle niet-tekstuele content een tekstalternatief dat een gelijkwaardig doel dient.
Tekstalternatief
Een tekstalternatief is een tekstuele beschrijving van niet-tekstuele content dat wel uit tekst bestaat. Je voegt deze beschrijving toe aan afbeeldingen of andere niet-tekstuele content.
Zorg dat een tekstalternatief:
- de informatie beschrijft die belangrijk is voor de context en het doel van de afbeelding;
- maximaal 150 tekens gebruikt
- niet begint met met “Afbeelding van” of “Foto van”
Tekstalternatief toevoegen:
- Voeg bij een
<img>-element altijd een tekstalternatief toe met hetalt-attribuut. - Bij een
<svg>-element heb je verschillende mogelijkheden voor een tekstalternatief. De beste aanpak is:- Voeg een
<title>-element toe binnen het<svg>-element - Gebruik daarnaast het
aria-labelledby-attribuut op het<svg>-element
- Voeg een
Afbeeldingen
- Geef informatieve afbeeldingen een tekstalternatief dat beschrijft wat er op de afbeelding te zien is.
- Geef functionele afbeeldingen een tekstalternatief dat beschrijft wat het doel van de link is of beschrijft wat het resultaat van de actie is.
- Geef complexe afbeeldingen een tekstalternatief en een uitgebreide beschrijving in de omringende tekst.
Lees het artikel over tekstalternatieven bij een afbeelding
Andere niet-tekstuele content
- Geef niet-tekstuele content een tekstalternatief dat een gelijkwaardig doel dient.
Uitzonderingen
- Geef media een korte tekstuele beschrijving.
- Zorg bij CAPTCHA’s voor een alternatieve vorm die afhankelijk is van andere zintuigen.
- Zorg dat decoratieve afbeeldingen kunnen worden genegeerd door hulptechnologieën.
Voor wie is dit belangrijk?
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
- Mensen die doof of slechthorend zijn.
Wie is verantwoordelijk?
- Redacteur
- Ontwikkelaar