AI
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.
WebMCP: wat het is, en waarom het toegankelijkheid niet vervangt
Wat WebMCP doet Een AI-agent die vandaag iets voor je moet regelen op een website, leest de pagina en gokt. Welk element is de zoekbalk, welke knop verstuurt het formulier, is dat vinkje al aangezet. Dat werkt tot het moment waarop de pagina er net iets anders uitziet. WebMCP draait dat om. De website vertelt zelf welke handelingen er zijn. Je registreert per handeling een tool: een naam, een beschrijving in gewone taal, een schema voor de invoer, en de JavaScript-functie die het werk doet.
Ziet AI dat je tekst te licht is?
Ziet AI dat je tekst te licht is? Groen op wit. Oranje op wit. Lichtgrijs op wit. Het ziet er fris uit. Kleurrijk. Modern. Maar voor iemand met verminderd gezichtsvermogen verdwijnt die tekst in de achtergrond. En nee, dat zijn niet alleen ouderen. Ook bij een scherm in de zon of een drukke dag is die lichte tekst het verschil tussen lezen en opgeven. Dit is het meest voorkomende contrastprobleem dat ik tegenkom bij audits (WCAG 1.4.3). Bijna elke website heeft het ergens. Vaak precies in de elementen die het design “fris” en “modern” maken. In de vorige test gaf ik AI een stuk code. Nu doe ik iets anders: ik geef AI een screenshot van een echte website. Geen code, geen HTML, geen CSS. Alleen een plaatje. Kan AI vision zien wat er mis is?
AI-test: Herkent AI een div die doet alsof het een knop is?
Een div die doet alsof het een knop is Een <div> met een onclick. Ziet eruit als een knop. Doet iets als je klikt. Maar druk op Tab en er gebeurt niets. Enter? Ook niets. Voor een toetsenbordgebruiker bestaat deze knop niet. Dit is de nummer 1 toetsenbordfout die ik tegenkom bij audits (WCAG 2.1.1). En de makkelijkste om op te lossen: vervang de div door een <button>. Maar kan AI dit probleem ook vinden? En dan niet in een losstaand stukje code, maar op een echte, live website?