WCAG 2.1 Checklist

Deze checklist helpt bij het vinden van de eerste mogelijke toegankelijkheidsproblemen.

Waarneembaar

Tekst alternatieven:

  • Geef afbeeldingen een passende en gelijkwaardige alt-tekst
  • Gebruik relevante alt-teksten
  • Zorg ervoor dat decoratieve afbeeldingen worden genegeerd door hulptechnologie├źn
  • Geef invoervelden een tekstlabel
  • Geef buttons een beschrijvende waarde
  • Voorzie alle multimedia van een passend alternatief

Multimedia:

  • Bied een manier om multimedia te pauzeren of stoppen
  • Speel multimedia niet automatisch af
  • Geef voor alle audio- en videocontent een transcript 
  • Geef videocontent ondertiteling

Onderscheid:

  • Gebruik kleur niet als enige visuele middel om informatie over te brengen
  • Gebruik geen “Klik hier” of “Lees verder” links
  • Voorzie alle tekst van voldoende kleurcontrast
  • Voorzie alle besturingselementen, zoals knoppen en iconen, en states hiervan van voldoende kleurcontrast
  • Maak de pagina leesbaar en functioneel als er wordt ingezoomd tot 400% (op 1280×1024)

Semantiek:

  • Gebruik koppenopmaak voor koppen (h1, h2, h3, etc.)
  • Gebruik lijstopmaak voor lijsten (ul, ol, dl)

Bedienbaar

Toetsenbord:

  • Maak de pagina functioneel voor bediening met alleen het toetsenbord

Navigeren:

  • Maak de toetsenbordfocus is op de hele pagina zichtbaar
  • Maak de volgorde van toetsenbordfocus logisch en intu├»tief
  • Voorzie de pagina van een beschrijvende en informatieve paginatitel
  • Voorzie de pagina van een skiplink
  • Gebruik meerdere manieren om een pagina te kunnen bereiken

Begrijpelijk

Software:

  • Geef software de mogelijkheid om de taal van de pagina te bepalen
  • Geef software de mogelijkheid om de taal van (afwijkende) onderdelen op de pagina te bepalen

Formulieren:

  • Geef alle formulieren een logische volgorde
  • Voorzie alle invoervelden van een tekstlabel
  • Voorzie alle buttons van een beschrijvende waarde
  • Leg fouten uit als er iets mis gaat in een formulier

Robuust

Compitabel:

  • Gebruik geldige HTML
  • Gebruik geen dubbele id’s

Lees de artikelen: