Wcag
Kan AI jouw website testen op toegankelijkheid? Wij gaan het uitzoeken
Kan AI jouw website testen op toegankelijkheid? “Kan ChatGPT niet gewoon even mijn website checken?” Die vraag krijgen we steeds vaker. Van developers die hun code willen laten controleren. Van product owners die geen budget hebben voor een volledige audit. Van webshop-eigenaren die eigenlijk gisteren al klaar hadden moeten zijn voor de EAA. Het is een logische vraag. AI kan tegenwoordig code schrijven, essays beoordelen en medische scans analyseren. Waarom zou het niet ook kunnen zien dat je contrastverhouding te laag is, of dat je knop geen naam heeft? Het korte antwoord: AI kan een heleboel. Het wordt met de dag slimmer. Maar er zijn beperkingen en nadelen. Het langere antwoord? Dat ligt aan wat je precies wil doen, welke tools je gebruikt, hoeveel je ervoor wilt betalen en hoe lang je bereid bent te wachten. In deze serie gaan we dat uitzoeken. In een serie artikelen test ik precies wat AI wel en niet kan herkennen aan toegankelijkheidsproblemen. Geen theorie, geen aannames. Echte tests met echte code.
Engelse linktekst op een Nederlandse pagina
Een Nederlandstalige website. Een link naar de contactpagina. Met een aria-label="Get in touch".
"Download" — maar download van wat?
Een tabel. Kolom 1: documentnaam. Kolom 2: een “Download”-link. Visueel is het duidelijk: “Download” hoort bij “Jaarverslag 2024” in dezelfde rij. Maar de tabel is gebouwd met divs. Geen echte <table>. Geen <tr>. Geen <td>.
De drie regels van ARIA
Er zijn drie ongeschreven regels over ARIA. Ze komen van de mensen die het hebben bedacht:
"Bekijk aanbiedingen groter dan groter dan"
“Bekijk aanbiedingen »” Ziet er prima uit. Dat pijltje geeft richting. Je weet dat je ergens naartoe gaat.
Video zonder toegankelijke naam
Een instructievideo op je pagina. Met het controls-attribuut: play, pauze, volume, fullscreen. Allemaal aanwezig.
"Winkelwagen Winkelwagen"
Een link naar de winkelwagen. Met een winkelwagen-icoon met alt=“Winkelwagen” en het woord “Winkelwagen” ernaast.
Positieve tabindex die alles in de war gooit
tabindex="1". Twee woorden. En je hele focusvolgorde is kapot. Een positieve tabindex haalt een element uit de natuurlijke focusvolgorde. Het krijgt altijd als eerste focus — vóór alle andere elementen op de pagina. Ongeacht waar het in de HTML staat.
Accordion zonder aria-expanded
Een accordion. Je klikt op “Meer informatie.” De content verschijnt. Je klikt opnieuw. De content verdwijnt.
Link met een enkel teken
A. A. A. Drie links. Om de tekstgrootte aan te passen. Klein, normaal, groot.
In-page link die de focus niet meeneemt
Een inhoudsopgave bovenaan een lang artikel. “Hoofdstuk 3.” Je klikt erop. De pagina scrollt naar Hoofdstuk 3.
Toegankelijkheid en cybersecurity hoeven geen tegenpolen te zijn
Dit artikel schreven Julia Tol en Janita Top samen. Ze begonnen allebei als webontwikkelaar en onderzoeken al jaren digitale kanalen op toegankelijkheid. Allebei volgden ze ook een reeks cursussen cybersecurity, uit interesse in wat er gebeurt waar dit vak aan een ander vakgebied raakt. Dit artikel komt daaruit voort.