Wat zijn de WCAG-richtlijnen?

WCAG (Web Content Accessibility Guidelines) is de internationale standaard voor webtoegankelijkheid, gepubliceerd door het W3C. WCAG 2.1 Level AA is de nalevingsdoelstelling voor de European Accessibility Act en de ADA. Het omvat 78 succescriteria verdeeld over vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust.

De WCAG-versies en -niveaus

WCAG 2.0 (2008): De oorspronkelijke, breed geadopteerde versie. Wordt nog steeds in veel juridische contexten genoemd, maar geldt als verouderd.

WCAG 2.1 (2018): Voegt 17 nieuwe succescriteria toe aan 2.0, met specifieke verbeteringen voor mobiele toegankelijkheid, slechtziendheid en cognitieve en leerbeperkingen. Dit is de huidige vereiste standaard voor naleving van de European Accessibility Act.

WCAG 2.2 (2023): Voegt 9 nieuwe criteria toe, met een sterke focus op cognitieve toegankelijkheid en verbeteringen aan de zichtbaarheid van focus. Nog niet door de meeste wetgeving verplicht gesteld, maar steeds vaker genoemd in geactualiseerde richtlijnen.

WCAG 3.0 (in ontwikkeling): Een ingrijpende structurele herziening. Wordt naar verwachting niet vóór 2027 afgerond en zal 2.x niet onmiddellijk vervangen voor juridische naleving.

De drie conformiteitsniveaus:

• Level A: Minimale toegankelijkheid. Pakt de meest kritische barrières aan. Alleen aan Level A voldoen is onvoldoende voor naleving van de EAA of ADA.
• Level AA: De standaard nalevingsdoelstelling voor de meeste wetgeving wereldwijd. Dit is wat de European Accessibility Act, de ADA (via DOJ-richtsnoeren) en Section 508 vereisen. Streef naar dit niveau.
• Level AAA: Verbeterde toegankelijkheid. Niet vereist en niet voor alle contenttypes haalbaar, maar vertegenwoordigt best practice voor specifieke criteria.

De vier POUR-principes

WCAG 2.1 is georganiseerd rond vier fundamentele principes. Elk succescriterium hoort bij een van deze:

Waarneembaar (Perceivable): Informatie en UI-componenten moeten op manieren aan gebruikers gepresenteerd worden die zij kunnen waarnemen. Gebruikers kunnen niet met content interacteren die ze niet kunnen waarnemen. Of dat nu komt doordat ze blind of doof zijn, of doordat ze op andere zintuiglijke input vertrouwen.

Belangrijke criteria:

• Alle niet-tekstuele content heeft tekstalternatieven (afbeeldingen, iconen, video)
• Ondertiteling voor audiocontent
• Content vertrouwt niet alleen op kleur om informatie over te brengen
• Minimaal 4,5:1 kleurcontrast voor normale tekst, 3:1 voor grote tekst
• Content kan tot 200% worden vergroot zonder functieverlies

Bedienbaar (Operable): Gebruikers moeten de interface kunnen bedienen. Niet elke gebruiker heeft een muis. Sommigen vertrouwen op een toetsenbord, switch-bedieningsapparaten, eye-tracking of spraakbesturing.

Belangrijke criteria:

• Alle functionaliteit beschikbaar via het toetsenbord
• Geen toetsenbordvallen (keyboard traps)
• Skip-navigatielinks om herhaalde content over te slaan
• Gebruikers kunnen bewegende content pauzeren, stoppen of bedienen
• Voldoende tijd om taken te voltooien

Begrijpelijk (Understandable): Gebruikers moeten zowel de content als de werking van de interface kunnen begrijpen. Verwarrende navigatie, inconsistent gedrag en weinig behulpzame foutmeldingen schenden allemaal de begrijpelijkheidscriteria.

Belangrijke criteria:

• Paginataal gedeclareerd in de HTML
• Consistente navigatie over pagina’s heen
• Labels en instructies voor invoer door gebruikers
• Foutidentificatie: een specifieke beschrijving van wat er misging
• Foutsuggestie: waar mogelijk uitleggen hoe het op te lossen

Robuust (Solid): Content moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te kunnen worden door huidige en toekomstige hulptechnologieën. Dit principe gaat over technische kwaliteit en naleving van standaarden.

Belangrijke criteria:

• Valide HTML zonder parsing-fouten
• Naam, rol en waarde programmatisch bepaalbaar voor alle UI-componenten
• Statusmeldingen programmatisch overgebracht zonder focus te ontvangen

Hoe WCAG specifiek geldt voor ecommerce

WCAG is geschreven als een algemene webstandaard, maar ecommerce brengt specifieke uitdagingen met zich mee die niet expliciet in de richtlijnen worden behandeld:

Custom UI-componenten, productcarrousels, variantkiezers, filtersystemen, quick-view-modals. Zijn allemaal JavaScript-gedreven en moeten correct voorzien zijn van ARIA-rollen, -statussen en -eigenschappen om aan de robuustheidscriteria te voldoen.

Dynamische content, prijsupdates, voorraadwijzigingen, cart-aanpassingen. Moet via ARIA live regions aan gebruikers van screenreaders worden aangekondigd om aan de waarneembaarheidscriteria te voldoen.

Integraties van derden. Betaalproviders, reviewplatforms, chatwidgets, maken deel uit van je checkout-ervaring. Hun toegankelijkheidstekortkomingen zijn juridisch gezien jouw nalevingstekortkomingen, zelfs als het niet jouw code is.

Checkout-formulieren. Het meest onder de loep genomen gebied van ecommerce-toegankelijkheid. Elk succescriterium over formulieren, fouten en tijdslimieten is direct relevant voor je checkout.

Wat WCAG-naleving daadwerkelijk vereist

Voldoen aan WCAG 2.1 AA betekent niet dat elke gebruiker elke taak onder alle omstandigheden kan volbrengen. Het betekent dat er redelijke aanpassingen zijn gedaan over de vier principes heen, zodat het breedst mogelijke scala aan gebruikers je site effectief kan gebruiken.

Conformiteit vereist:

1. Aan alle succescriteria van Level A en Level AA wordt voldaan (of er zijn gedocumenteerde uitzonderingen met alternatieven)
2. De site gebruikt complete pagina’s (gedeeltelijke naleving telt niet)
3. Er wordt alleen op toegankelijkheids-ondersteunde technologieën vertrouwd
4. Er is een toegankelijkheidsverklaring gepubliceerd die het conformiteitsniveau documenteert

Een UX-audit omvat een WCAG 2.1 AA-evaluatie die je huidige conformiteitsniveau documenteert, specifieke falende criteria identificeert en een geprioriteerd herstelplan biedt om naleving te bereiken.

Lees voor een volledige uitleg European Accessibility Act Ecommerce Compliance: Complete Guide for Online Retailers.