Waarom is dit belangrijk?

Veel informatie op websites wordt niet alleen met tekst aangeboden, maar ook met afbeeldingen, iconen, diagrammen of formulieren. Mensen die deze niet kunnen zien (bijvoorbeeld gebruikers van schermlezers) missen dan belangrijke informatie.

Daarom zegt WCAG: alle informatie die geen gewone tekst is, moet een tekstalternatief hebben die dezelfde functie of betekenis geeft.

Dit heet 1.1.1 Non-Text Content.

Wat wordt er van websites verwacht?

• Afbeeldingen moeten een korte beschrijving (alt-tekst) hebben die de functie of informatie uitlegt.
  
• Formulierelementen zoals knoppen en invoervelden moeten gelabeld zijn zodat de gebruiker weet wat ze doen.
  
• Grafieken, diagrammen of complexe afbeeldingen moeten een uitgebreider tekstalternatief hebben, bijvoorbeeld onder de afbeelding of op een aparte pagina.
  
• Decoratieve afbeeldingen mogen worden genegeerd voor schermlezers (door een lege alt-tekst alt=””).
  

Kort gezegd: alles wat betekenisvol is, moet via tekst ook toegankelijk zijn.

Wat is niet verplicht?

• Puur decoratieve visuele elementen hoeven niet beschreven te worden.
  
• Complexe animaties of infographics mogen worden samengevat in een beknopte tekst, je hoeft niet elke pixel uit te leggen.
  

Veelgemaakte fouten

• Informatieve afbeeldingen zonder alt-tekst.
  
• Afbeeldingen met alt-tekst zoals “image123.jpg” zonder betekenis.
  
• Iconen die belangrijke functies aanduiden maar geen toegankelijke naam hebben.
  
• Decoratieve afbeeldingen die niet verborgen zijn voor hulpsoftware.
  

Wat kun je als webredacteur of manager doen?

• Check alle afbeeldingen: Heeft elke afbeelding een zinvolle alt-tekst of is deze als decoratief gemarkeerd?
  
• Controleer iconen en knoppen: Is de functie duidelijk voor schermlezers?
  
• Let op complexe afbeeldingen: Wordt belangrijke informatie ook in tekst uitgelegd? Bied een uitgeschreven informatie uit de afbeelding als tekst aan.
  
• Vraag je webbouwer: Zijn alle niet-tekstuele elementen toegankelijk opgebouwd?
  

Samenvatting

Alle informatie die geen gewone tekst is, moet begrijpelijk zijn voor iedereen. Door tekstalternatieven toe te voegen voor afbeeldingen, iconen en formulieren, maak je je website toegankelijker en inclusiever.