Typ iets om te zoeken...

Wcag

Kan AI jouw website testen op toegankelijkheid? Wij gaan het uitzoeken

Kan AI jouw website testen op toegankelijkheid? Wij gaan het uitzoeken

Kan AI jouw website testen op toegankelijkheid? “Kan ChatGPT niet gewoon even mijn website checken?”

Engelse linktekst op een Nederlandse pagina

Engelse linktekst op een Nederlandse pagina

Een Nederlandstalige website. Een link naar de contactpagina. Met een aria-label="Get in touch".

"Download" — maar download van wat?

"Download" — maar download van wat?

Een tabel. Kolom 1: documentnaam. Kolom 2: een “Download”-link. Visueel is het duidelijk: “Download” hoort bij “Jaarverslag 2024” in dezelfde rij. Maar de tabel is gebouwd met divs. Geen echte <table>. Geen <tr>. Geen <td>.

De drie regels van ARIA

De drie regels van ARIA

Er zijn drie ongeschreven regels over ARIA. Ze komen van de mensen die het hebben bedacht:

"Bekijk aanbiedingen groter dan groter dan"

"Bekijk aanbiedingen groter dan groter dan"

“Bekijk aanbiedingen »” Ziet er prima uit. Dat pijltje geeft richting. Je weet dat je ergens naartoe gaat.

Video zonder toegankelijke naam

Video zonder toegankelijke naam

Een instructievideo op je pagina. Met het controls-attribuut: play, pauze, volume, fullscreen. Allemaal aanwezig.

"Winkelwagen Winkelwagen"

"Winkelwagen Winkelwagen"

Een link naar de winkelwagen. Met een winkelwagen-icoon met alt=“Winkelwagen” en het woord “Winkelwagen” ernaast.

Positieve tabindex die alles in de war gooit

Positieve tabindex die alles in de war gooit

tabindex="1". Twee woorden. En je hele focusvolgorde is kapot. Een positieve tabindex haalt een element uit de natuurlijke focusvolgorde. Het krijgt altijd als eerste focus — vóór alle andere elementen op de pagina. Ongeacht waar het in de HTML staat.

Accordion zonder aria-expanded

Accordion zonder aria-expanded

Een accordion. Je klikt op “Meer informatie.” De content verschijnt. Je klikt opnieuw. De content verdwijnt.

Link met een enkel teken

Link met een enkel teken

A. A. A. Drie links. Om de tekstgrootte aan te passen. Klein, normaal, groot.

In-page link die de focus niet meeneemt

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.