Wcag
Custom dropdown die niet met toetsen werkt
Een prachtig gestylede dropdown. Hover erop: de opties verschijnen. Klik op een optie: geselecteerd.
Actieve link in het menu met onzichtbare indicator
Je bent op de pagina “Over ons”. In het menu is die link anders dan de rest. Een subtiele onderstreping. Lichtblauw. #8AB4F8.
Blue Billywig: negen videospelers naast elkaar
Blue Billywig vroeg ons om een quickscan van de negen meest gebruikte videospelers, inclusief hun eigen. Geen complete audit, maar een verkennend beeld per speler, om te zien hoe het in deze markt staat met de digitale toegankelijkheid. Bij 3 van de 9 vonden we binnen die tijd geen bevindingen. Blue Billywig publiceerde het rapport vervolgens openbaar op hun knowledge hub.
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.”