Blog over WCAG en toegankelijk bouwen
Artikelen over WCAG, de EAA en het BDTO, geschreven door de auditors die de onderzoeken uitvoeren.
In-page link die de focus niet meeneemt
Een inhoudsopgave bovenaan een lang artikel. “Hoofdstuk 3.” Je klikt erop. De pagina scrollt naar Hoofdstuk 3.
Toegankelijkheid en cybersecurity hoeven geen tegenpolen te zijn
Dit artikel schreven Julia Tol en Janita Top samen. Ze begonnen allebei als webontwikkelaar en onderzoeken al jaren digitale kanalen op toegankelijkheid. Allebei volgden ze ook een reeks cursussen cybersecurity, uit interesse in wat er gebeurt waar dit vak aan een ander vakgebied raakt. Dit artikel komt daaruit voort.
Zoekbalk in een tabel die wordt afgesneden
Je hebt een tabel met data. Erboven: een zoekbalk om te filteren. De tabel mag horizontaal scrollen — dat is de uitzondering. Maar die zoekbalk?
Toggle-knop zonder status
Een knop: “Donkere modus.” Je klikt. De achtergrond wordt donker. Visueel is het duidelijk: donkere modus is aan.
Paginering: "1", "2", "3"
Link: “1”. Link: “2”. Link: “3”. Eén, twee, drie wat? Pagina’s? Producten? Stappen?
Skiplink die de focus niet verplaatst
“Ga naar inhoud.” Je drukt op Enter. De pagina scrollt naar de content. Mooi.
CAPTCHA die niet met het toetsenbord werkt
“Bewijs dat je geen robot bent.” Klik op alle afbeeldingen met een verkeerslicht. Sleep het puzzelstukje naar de juiste plek. Teken het patroon na.
Eenvoudige tabel die onnodig horizontaal scrollt
Openingstijden. Twee kolommen. Dag en tijd. Maandag: 09:00 - 17:00 Dinsdag: 09:00 - 17:00
De knop die eruitziet als disabled maar het niet is
Een grijze knop. Lichte tekst. Ziet eruit als uitgeschakeld. Maar klik erop. Hij doet iets. Hij is niet disabled. Hij ziet er alleen zo uit.
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.
Heading in een summary: zelfde probleem
Net als bij een button: een <summary> heeft de impliciete rol van een button. En een button eet de rollen van zijn kinderen op.