Webdeveloper
Artikelen over digitale toegankelijkheid specifiek voor webdevelopers. Semantische HTML, ARIA, focusbeheer en meer.
Testen met NVDA: zo begin je op Windows
Op Windows moet je een schermlezer zelf installeren. Dat is de enige drempel, en hij is lager dan hij lijkt: NVDA is gratis, open source, gemaakt door de stichting NV Access, en de download is klein. Tien minuten later hoor je je eigen website zoals een blinde bezoeker hem hoort.
Testen met VoiceOver: zo begin je op de Mac
VoiceOver staat al op je Mac. Je hoeft niets te downloaden en niets te betalen: Command + F5 en hij praat. Wat daarna gebeurt, zorgt ervoor dat de meeste mensen hem binnen twee minuten weer uitzetten. Er begint een stem die je niet kunt bijhouden en je pijltjestoetsen doen ineens iets anders dan je verwacht.
Zo gebruik je TalkBack op Android
TalkBack zit al op je Android-toestel. Je hoeft niets te downloaden en niets te betalen, en met twee volumeknoppen staat hij aan. De schrik komt daarna: je tikt op een app en er gebeurt niets, je veegt om te scrollen en het scherm blijft staan.
Een toegankelijk WordPress-thema kiezen: waar let je op?
Ik was acht jaar WordPress-ontwikkelaar voordat ik overstapte naar toegankelijkheidsonderzoek. In de meer dan 900 audits die mijn team onder mijn begeleiding sinds 2019 heeft gedaan, zien we dat de meeste ontoegankelijke elementen al in het thema zitten. Dus in de code die je koopt, en niet in de content die je er als eigenaar later in hebt gezet.
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.
Taalswitch met alleen 'EN' en 'NL': hoe maak je die toegankelijk?
Je hebt vast wel eens zo’n strakke taalswitch gezien: twee letters, een sliding indicator, mooi geanimeerd. EN | NL. Simpel. Elegant. En meestal compleet ontoegankelijk.
Logo in een h1-tag? Waarom dit fout is voor SEO en a11y
Waarom je logo niet in een h1-tag hoort: de geschiedenis van een hardnekkige fout Het is 2026. We bouwen apps met React Server Components, we deployen naar edge networks, we optimaliseren voor Core Web Vitals. En toch, toch, zie ik nog steeds websites waar het logo in een <h1> zit.
Accessibility Tree in Chrome: Installatie & Interpretatie Gids [2026]
Accessibility Tree in Chrome: Installatie en Interpretatie Wat is de Accessibility Tree? De Accessibility Tree is een representatie van de webpagina die door hulpsoftware (zoals schermlezers) wordt gebruikt. Het is een vereenvoudigde versie van de DOM-tree die alleen toegankelijkheidsrelevante informatie bevat.
Native HTML-componenten en kleurcontrast volgens WCAG 2.1
Native HTML-componenten en kleurcontrast volgens WCAG 2.1 Informatieve en interactieve interface-elementen zoals knoppen, selectievakken en schuifregelaars moeten voldoende contrast hebben zodat ze zichtbaar zijn voor alle bezoekers. In de praktijk roept dit vaak vragen op bij audits en code-reviews: moet ik het kleurcontrast van elk zichtbaar UI-element controleren en verbeteren?
Submenu dichtklappen
Toetsenbordfocus moet logisch zijn Als bezoekers met het toetsenbord door een website navigeren, moeten interactieve elementen in een logische volgorde focus krijgen. Logisch betekent: aansluitend op de visuele volgorde. Wijkt de focusvolgorde daar sterk van af, dan wordt de website moeilijk te gebruiken voor mensen die geen muis kunnen of willen gebruiken.
Automatisch toepassen van huisstijlkleuren in software: contrastproblemen voorkomen
Sommige softwareleveranciers die SAS-achtige platforms aan meerdere klanten aanbieden, bieden de mogelijkheid om de interface automatisch te stylen. Dit gebeurt dan op basis van de huisstijl van de klant.Vaak wordt hiervoor het kleurenpalet uit het logo van de organisatie gebruikt. Hoewel dit op het eerste gezicht logisch en efficiënt lijkt, brengt deze aanpak een belangrijk risico met zich mee. Het gaat daarbij om onvoldoende kleurcontrast van tekst, wat direct invloed heeft op de digitale toegankelijkheid.
Tabel met knoppen om in de kolommen te sorteren
Sorteerbare tabellen kom je overal tegen: in dashboards, overzichtspagina’s, webshops en CMS-systemen. Je klikt op een kolomkop en de tabel sorteert zichzelf. Visueel is dat duidelijk, maar voor een schermlezergebruiker is het vaak onzichtbaar. De kolomkop ziet er niet uit als iets interactiefs – en de schermlezer vertelt het ook niet.