Gaat toegankelijkheid niet gewoon over schermlezers?

Nee. Het gaat ook over toetsenbordgebruikers, mensen die slecht zien of kleuren moeilijk onderscheiden, mensen die ondertitels nodig hebben, en iedereen die tijdelijk in de knel zit – fel zonlicht, een gebroken arm. Toegankelijkheid maakt de website vaak ook voor veel andere bezoekers makkelijker in gebruik.

Is toegankelijkheid wettelijk verplicht?

In sommige gevallen wel. In de EU geldt de Europese toegankelijkheidswet (European Accessibility Act) voor welbepaalde diensten – waaronder onlinediensten gericht op het sluiten van consumentenovereenkomsten – niet voor elke website, en een wettelijk gedefinieerde micro-onderneming die diensten levert, is onder de richtlijn vrijgesteld, al kan nationale wetgeving verder gaan. Zie WCAG 2.2 AA als het technische doel en controleer welke wet op u van toepassing is; conformiteit alleen beslecht de juridische vraag niet.

Kan een geautomatiseerde tool mij vertellen of mijn website toegankelijk is?

Maar deels. Controleprogramma’s kunnen sommige ontbrekende toegankelijke namen, opmaakfouten en duidelijke contrastproblemen aanwijzen – maar ze kunnen niet beoordelen of labels zinvol zijn, of interacties werken of dat de leeservaring klopt, en ze geven ook valse meldingen. Combineer geautomatiseerde controles met doordacht testen met toetsenbord en schermlezer, en waar dat haalbaar is, met tests door gebruikers met een beperking.

Kunnen bezoekers met een beperking uw website echt gebruiken?

Toegankelijkheid betekent uw website zo bouwen dat mensen met een beperking – aan zicht, motoriek, gehoor of cognitie – hem echt kunnen gebruiken. Het is een vak apart; schone, semantische HTML is een fundament, maar dekt niet alles. Het bemoedigende: de basis is praktisch, en maakt de website vaak ook voor veel andere bezoekers makkelijker. In de EU geldt de Europese toegankelijkheidswet voor welbepaalde diensten – waaronder onlinediensten gericht op het sluiten van consumentenovereenkomsten – met een vrijstelling op richtlijnniveau voor wettelijk gedefinieerde micro-ondernemingen die diensten leveren; nationale wetgeving kan verder gaan, dus zie WCAG 2.2 AA als de technische basisnorm en controleer wat voor u geldt.

Zorg dat het zonder muis werkt

Veel mensen navigeren volledig met het toetsenbord – en ook schermlezergebruikers hebben deugdelijk toetsenbordgedrag van de bedieningselementen nodig, al werken hun lezen en navigeren anders en verdienen die een eigen test.

Alle actieve bedieningselementen en functies moeten met het toetsenbord te bedienen zijn, zonder toetsenbordval (uitgeschakelde elementen mogen de focus terecht overslaan; slepen heeft een toetsenbordalternatief nodig).
Houd een duidelijk zichtbare focusindicator – onderdruk de standaard van de browser alleen als u er een even opvallende stijl voor in de plaats zet.
Houd de leesvolgorde in de DOM logisch, met de visuele volgorde en de focusvolgorde consistent overal waar volgorde betekenis draagt – en lap een slechte bronvolgorde niet op met positieve tabindex.

Trek uw muis uit en voer een belangrijke taak uit. Lukt die niet met het toetsenbord, beschouw dat dan als een waarschijnlijke drempel en zoek het uit.

Bied echte alternatieven en gemeten contrast

Alt-tekst dient het doel van de afbeelding in haar context: breng de informatie van een informatieve afbeelding over, benoem de actie of bestemming van een functionele afbeelding, geef complexe grafieken een voller tekstequivalent – en gebruik lege alt="" voor decoratie of afbeeldingen die alleen nabijgelegen tekst herhalen.
Contrast is meetbaar, geen gevoel: WCAG AA betekent minstens 4,5:1 voor normale tekst, 3:1 voor grote tekst – en ongeveer 3:1 voor essentiële randen van bedieningselementen, toestanden, focusindicatoren en betekenisvolle afbeeldingen ten opzichte van de aangrenzende kleuren.
Vertrouw nooit op kleur alleen. Bij formulierfouten in het bijzonder: wijs het veld aan en beschrijf het probleem in tekst; kleur en pictogrammen versterken, ze vervangen niet.

Label formulieren, ondertitel media, overleef het zoomen

Elk formulierveld heeft een correct gekoppeld label nodig, met foutmeldingen die programmatisch verbonden zijn aan de velden die ze beschrijven. Voor media: gesynchroniseerde ondertitels voor video met geluid, transcripties voor vooraf opgenomen inhoud met alleen audio, en audiodescriptie wanneer de belangrijke beelden van een video niet door het geluidsspoor worden overgebracht – ze dienen verschillende behoeften en vervangen elkaar niet. En controleer de veerkracht: tekst vergroot tot 200% mag niets verliezen, en de pagina moet zich bij een schermbreedte van 320 CSS-pixels herschikken zonder overlapping, afkapping of horizontaal scrollen (echt tweedimensionale inhoud zoals kaarten en datatabellen uitgezonderd).

Test het op drie manieren – over de echte trajecten

Alleen toetsenbord – door de belangrijkste taken heen, niet op één pagina.
Een schermlezer – gebruikt met basisvaardigheid (alleen lineair meeluisteren mist structuurproblemen), op representatieve sjablonen: navigatie, formulieren en hun validatie, menu’s, dialoogvensters.
Een geautomatiseerde controle – een eerste zeef voor mechanische problemen, nooit een eindoordeel.

Dek de sjablonen, toestanden en trajecten die ertoe doen – en waar dat haalbaar is, brengt testen door gebruikers met een beperking aan het licht wat technische controles missen.

Wat u moet doen

Controleer of de belangrijkste taken met alleen het toetsenbord lukken, met zichtbare focus en zonder vallen.
Schrijf alt-tekst op maat van het doel – informatieve, functionele, complexe en decoratieve afbeeldingen krijgen elk hun soort.
Meet het contrast tegen de AA-drempels en gebruik kleur nooit als enig signaal.
Geef elk formulierveld een gekoppeld label en in tekst beschreven, programmatisch verbonden foutmeldingen.
Voeg ondertitels toe aan video, transcripties aan media met alleen audio, en audiodescriptie waar beelden onuitgesproken informatie dragen.
Test toetsenbord + schermlezer + geautomatiseerde controle over representatieve trajecten – als startpunt dat veelvoorkomende drempels wegneemt, niet als bewijs van conformiteit of wettelijke naleving.