Wcag
Fieldset legend
“Hoe wil je benaderd worden?” Met daaronder drie radiobuttons: telefoon, e-mail, brief. Je begrijpt direct dat die opties bij die vraag horen.
Knop met icoon en tekst, maar aria-label vervangt alles
Een knop. Disketje-icoon. Daarnaast: “Opslaan.” De developer dacht: laat ik een uitgebreider aria-label toevoegen. “Sla het huidige document op naar de server.”
Negatieve outline-offset die de focus verbergt
Een link met een donkere achtergrond. De focusindicator is er — een zwarte outline van 2 pixels. Maar outline-offset: -4px duwt die outline naar binnen. Onder de achtergrondkleur.
Afbeelding als link zonder beschrijvend alt
Een winkelwagen-icoon. Klik erop en je gaat naar je winkelwagen. Logisch.
Een ontoegankelijk element met een toegankelijk alternatief: mag je het laten staan?
In bijna elke audit kom ik deze situatie tegen. Een PDF die helemaal niet toegankelijk is. Een poster met de programma-informatie van een evenement. Een infographic vol cijfers. En de klant zegt: “Maar die informatie staat ook gewoon als tekst op de pagina. Hoeft dat dan nog?”
Focus verlaat het dialoogvenster
De cookie-popup is open. Je tabt door de opties. Accepteren. Weigeren. Instellingen.
"Welkom" zegt niets
“Welkom.” “Pagina 1.” “Home.” “Untitled Document.” Dat zijn titels die ik regelmatig tegenkom. Ze bestaan. Ze zijn niet leeg. Maar ze zeggen niets.
Voldoen aan WCAG is niet hetzelfde als toegankelijk zijn
Op 22 juni berichtte de NOS dat webwinkels in Nederland toegankelijker worden voor mensen met een visuele beperking, maar dat er nog veel werk nodig is. Je leest het hele bericht bij de NOS.
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.