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?”
Labels
Klik eens op het woord naast een checkbox. Als er niks gebeurt, is het label niet gekoppeld aan het invoerveld. Dat is een gemiste kans — niet alleen voor toegankelijkheid, maar voor iedereen.
Div als knop: naam maar geen rol
“Versturen.” Een schermlezer leest de tekst. Maar zegt niet dat het een knop is. Want het is geen knop. Het is een div.
NRC: de klant die de meeste vragen heeft gesteld
Beveiligde inhoud Voer de toegangscode in om deze pagina te bekijken.
aria-labelledby verwijst naar de verkeerde tekst
Een invoerveld. Zichtbaar label: “E-mailadres.” Maar aria-labelledby verwijst naar een verborgen element met: “Voer uw elektronische postadres in.”
Focusindicator die opgaat in de achtergrond
Er is een focusindicator. Technisch gezien. Een lichtgrijze outline (#E0E0E0) op een witte achtergrond. 1 pixel dik.
URL als linktekst
“h-t-t-p-s colon slash slash w-w-w dot example dot com slash rapport dash twee-duizend-vierentwintig dot p-d-f”
Dialoogvenster krijgt geen focus bij openen
Een popup verschijnt. “Wil je cookies accepteren?” Je drukt op Tab. En je zit in het navigatiemenu. Achter de popup. De focus is niet naar het dialoogvenster verplaatst.
Alle pagina's hebben dezelfde titel
Vijf tabbladen open. Allemaal van dezelfde website. Allemaal met dezelfde titel: “Gemeente Utrecht.”
Mouseover zonder focus-equivalent
Je hovert over een tekst. Een tooltip verschijnt. Handige extra informatie.
Invoerveld zonder zichtbare rand
Een wit invoerveld op een witte achtergrond. Met een lichtgrijze rand. Heel lichtgrijs. #D9D9D9.
Content verdwijnt door overflow hidden
Je zoomt in op een webpagina. De tekst wordt groter. En dan — halverwege een zin — houdt de tekst op. Alsof iemand de rest heeft afgeknipt.