Screenreader
Verborgen menu dat toch wordt voorgelezen
Je mobiele menu is dicht. Ingeklapt. Onzichtbaar. Maar een schermlezer leest alle vijf de menulinks voor. Home. Over ons. Diensten. Projecten. Contact. Alsof het menu gewoon open is.
Dialoogvenster dat de achtergrond niet afschermt
Een popup verschijnt. “Weet je het zeker? Dit item wordt permanent verwijderd.”
Toegankelijke spreadsheets maken in Google Sheets
Je maakt een spreadsheet in Google Sheets. Kolommen netjes ingedeeld, kleurtjes erbij, filters aan. Overzichtelijk. Alleen niet voor iemand met een screenreader.
Uitklapbare content op de verkeerde plek
Je klikt op “Veelgestelde vragen”. Een accordion opent. Het antwoord verschijnt.
Grafiek die onbegrijpelijk wordt voorgelezen
Een mooie staafgrafiek. Omzet per kwartaal. Vier balken. Duidelijke labels.
aria-hidden: wat het doet en wanneer je het wel of niet gebruikt
Je controleert een pagina met de WCAG Radar van Proper Access en zet de optie “Verborgen elementen” aan. Er lichten een paar plekken op. Bij elk daarvan staat: aria-hidden.
Carrousel-knoppen voor de content
“Vorige. Volgende.” Dat is het eerste wat een schermlezergebruiker hoort bij je carrousel. Vorige en volgende. Maar vorige en volgende van wat?
Tabel nagebouwd met divs
Maandag. Dinsdag. Woensdag. Donderdag. Vrijdag. 09:00 - 17:00. 09:00 - 17:00. 09:00 - 17:00. 09:00 - 17:00. 09:00 - 13:00.
Nul fouten in de scan, ruim honderd bevindingen in de audit
We onderzochten onlangs een grote Nederlandse webshop. Voordat we handmatig aan de slag gingen, lieten we er eerst Axe op los, een veelgebruikte geautomatiseerde testtool voor toegankelijkheid die veel developmentteams in hun pijplijn hebben zitten. De uitkomst: geen fouten. Een rapport zonder bevindingen, een groen vinkje.
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.
CSS order die de logica verbreekt
Stap 1: Maak een account. Stap 2: Kies een template. Stap 3: Publiceer.
Kolommen waarvan de inhoud door elkaar loopt
Twee projecten naast elkaar. Links een afbeelding, rechts een afbeelding. Daaronder links een beschrijving, rechts een beschrijving.