WCAG 2.2-checklist voor websites en webshops

Afbeeldingen en media

• Elke informatieve afbeelding heeft een zinvolle alt-tekst; decoratieve afbeeldingen hebben een lege alt.WCAG 1.1.1 · Deels automatisch
• Iconen en SVG-afbeeldingen met betekenis hebben een tekstalternatief.WCAG 1.1.1 · Automatisch gecontroleerd
• Video’s hebben ondertitels; audio-only content heeft een transcript.WCAG 1.2.1, 1.2.2 · Handmatig controleren
• Audio start niet automatisch of kan worden gepauzeerd.WCAG 1.4.2 · Handmatig controleren

Tekst en kleur

• Tekst heeft een contrast van minstens 4,5:1 (grote tekst 3:1).WCAG 1.4.3 · Automatisch gecontroleerd
• Knoppen, randen van invoervelden en belangrijke iconen hebben minstens 3:1 contrast.WCAG 1.4.11 · Handmatig controleren
• Informatie wordt niet alleen met kleur overgebracht (verplichte velden, kortingsprijzen, fouten).WCAG 1.4.1 · Handmatig controleren
• De pagina kan tot 200 % worden vergroot zonder verlies van inhoud; zoomen is niet geblokkeerd.WCAG 1.4.4 · Deels automatisch

Structuur

• Elke pagina heeft een taal (lang) en een unieke, beschrijvende titel.WCAG 3.1.1, 2.4.2 · Automatisch gecontroleerd
• Koppen vormen een logische structuur (één h1, geen overgeslagen niveaus).WCAG 1.3.1 · Deels automatisch
• Lijsten, tabellen en paginagebieden gebruiken correcte HTML-opmaak.WCAG 1.3.1 · Deels automatisch

Toetsenbord en focus

• Elke functie werkt alleen met het toetsenbord: menu, filters, winkelwagen, afrekenen.WCAG 2.1.1 · Handmatig controleren
• De toetsenbordfocus is altijd duidelijk zichtbaar.WCAG 2.4.7 · Handmatig controleren
• Er zijn geen toetsenbordvallen in pop-ups, chatwidgets of cookiebanners.WCAG 2.1.2 · Handmatig controleren
• Een link ‘naar de inhoud’ of landmarks laten gebruikers herhaalde blokken overslaan.WCAG 2.4.1 · Deels automatisch
• Het gefocuste element wordt niet verborgen door een vaste header of banner.WCAG 2.4.11 · Handmatig controleren

Formulieren en afrekenen

• Elk invoerveld heeft een zichtbaar label (een placeholder telt niet).WCAG 1.3.1, 3.3.2 · Automatisch gecontroleerd
• Foutmeldingen zeggen wat er mis is en hoe je het oplost.WCAG 3.3.1, 3.3.3 · Handmatig controleren
• Velden voor naam, adres en e-mail gebruiken autocomplete.WCAG 1.3.5 · Automatisch gecontroleerd
• Inloggen en afrekenen vragen geen puzzels of geheugentests zonder alternatief.WCAG 3.3.8 · Handmatig controleren
• Gebruikers hoeven eerder gegeven informatie niet opnieuw in te vullen.WCAG 3.3.7 · Handmatig controleren

Links en knoppen

• Links en knoppen hebben begrijpelijke namen, ook icoonknoppen.WCAG 2.4.4, 4.1.2 · Automatisch gecontroleerd
• Klikgebieden zijn minstens 24 × 24 CSS-pixels of hebben genoeg ruimte ertussen.WCAG 2.5.8 · Automatisch gecontroleerd
• Sleepacties hebben een alternatief met één klik.WCAG 2.5.7 · Handmatig controleren

Dynamische inhoud

• Statusberichten (‘toegevoegd aan winkelwagen’, fouten) worden voorgelezen door schermlezers.WCAG 4.1.3 · Handmatig controleren
• Carrousels en animaties kunnen worden gepauzeerd; niets knippert vaker dan drie keer per seconde.WCAG 2.2.2, 2.3.1 · Handmatig controleren
• Tijdslimieten kunnen worden verlengd of uitgeschakeld.WCAG 2.2.1 · Handmatig controleren

Deze checklist is een praktisch hulpmiddel, geen juridisch advies. Automatische tools vinden betrouwbaar maar een deel van de problemen — gebruik haar samen met een handmatige controle en zo nodig professioneel advies.