Wcag
Tekst afgesneden door een vaste hoogte
Een banner van 200 pixels hoog. Past precies. Mooie headline, korte tekst, call-to-action.
WCAG-EM: de officiële methode voor een toegankelijkheidsonderzoek
Als je een toegankelijkheidsonderzoek laat uitvoeren, komt er vaak een term langs die niet meteen iets zegt: WCAG-EM. Het staat voor Website Accessibility Conformance Evaluation Methodology. Het is de methode die het W3C, dezelfde club die WCAG maakt, heeft vastgelegd voor hoe je een WCAG-audit hoort uit te voeren.
Witte tekst op een foto
“Welkom bij ons” In wit. Op een foto van een zonnig landschap. Links voldoende contrast. Rechts? Waar de lucht wit is? Onleesbaar.
Groene rij = goedgekeurd, rode rij = afgewezen
Een tabel met aanvragen. Groen: goedgekeurd. Rood: afgewezen. Oranje: in behandeling.
CSS order die de logica verbreekt
Stap 1: Maak een account. Stap 2: Kies een template. Stap 3: Publiceer.
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.”
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.”