Tips en tools
Praktische tips, tools en handleidingen om de digitale toegankelijkheid van je website te verbeteren. Van kleurcontrast tot koppenstructuur.
Zo controleer je de koppenstructuur van je website
Een logische koppenstructuur (H1, H2, H3, …) is cruciaal voor webtoegankelijkheid én SEO. Maar hoe weet je of jouw pagina goed is opgebouwd? Met de gratis browserextensie HeadingsMap zie je in één oogopslag of de structuur klopt en waar verbeteringen nodig zijn. In deze handleiding lees je stap voor stap hoe je de tool gebruikt en waar je op moet letten.
Hoe maak je een citaat in een PDF-document (en waarom dat belangrijk is voor toegankelijkheid)
Als webredacteur werk je dagelijks met teksten, visuals en documenten. Vaak gaat het niet alleen om wat je schrijft, maar ook om hoe je het aanbiedt. Want een document dat er op het eerste gezicht goed uitziet, kan voor iemand die een schermlezer gebruikt juist verwarrend zijn. Een goed voorbeeld hiervan is een citaat in een PDF: hoe zorg je dat dit ook écht als citaat wordt herkend?
Hoe geef ik een applicatie een accessible name?
Soms kom je in een audit een element tegen met role="application" dat geen toegankelijkheidsnaam (accessible name) heeft. Dat is een probleem, want een schermlezer weet dan niet wat dit onderdeel van de pagina doet. In dit artikel leg ik uit wat role="application" is, wanneer je het gebruikt en hoe je het een correcte naam geeft.
Video transcript: goed resultaat met een gratis tool
Verder op deze pagina staat een video die in een toegankelijkheidsaudit zou worden afgekeurd. In deze video komt informatie in beeld die niet toegankelijk is voor mensen die de video niet kunnen zien. Probeer het zelf te begrijpen:
Is jouw e-mailhandtekening digitaal toegankelijk?
Ik was bij een presentatie van Martine Baadenhuijsen (allinclusiveatwork.nl). Zij is blind en vertelde hoe vaak ze e-mailhandtekeningen tegenkomt die niet toegankelijk zijn.
Browserstack vs Proper Access
Deze week deed ik een klein experiment. Ik nam een proefabonnement op de betaalde toegankelijkheidstestfunctie van Browserstack en testte twee pagina’s van een website waar mijn team momenteel aan werkt.
Button vreet de kop op
We zijn fan van de accordeon. Nee, niet het blaasbalginstrument dat klinkt als een complete Duitse jodelband. Ik heb het over de elegante digitale variant (die gelukkig geen muziek maakt): in- en uitklapbare secties waarmee je een bak informatie overzichtelijk kunt presenteren, door alles wat niet direct nodig is in ingeklapte accordeons te verbergen.
Instructie: hoe test ik kleurcontrast?
Kleurcontrast is een van de meest voorkomende toegankelijkheidsproblemen die we tegenkomen in audits. Lichtgrijze tekst op een witte achtergrond, pastelkleurige knoppen, subtiele placeholdertekst – het ziet er misschien strak uit, maar voor honderdduizenden mensen met een visuele beperking is het simpelweg niet te lezen.
Hoe herken je niet-getagde tekst in een PDF
PDF’s zijn een van de meest voorkomende struikelblokken bij digitale toegankelijkheid. Een PDF kan er perfect uitzien terwijl een schermlezer er niets mee kan. De oorzaak is vaak niet-getagde tekst – tekst die visueel gewoon op de pagina staat, maar technisch niet is opgenomen in de tagstructuur van het document.
Google Lighthouse als toegankelijkheidstool
Vijf jaar geleden werkte ik als webontwikkelaar en wist ik veel minder over digitale toegankelijkheid dan nu. In 2019 leverde ik een website op die mijn teamleider wilde laten testen op het voldoen aan de WCAG-richtlijnen. Ik was ervan overtuigd dat de website toegankelijk was. Drie jaar daarvoor had ik mijn opleiding Informatica aan de Hogeschool van Malmö afgerond, waar aandacht werd besteed aan digitale toegankelijkheid. Ik gebruikte Google Lighthouse als testtool om de homepagina te controleren en behaalde een score van 95%. Mij kon niets gebeuren! Ik was geen moment bang dat er iets zou worden afgekeurd. Het resultaat van het toegankelijkheidsonderzoek was echter teleurstellend: 15 succescriteria onvoldoende! Sindsdien is veel gebeurd in mijn leven. Sinds dat jaar heb ik Google Lighthouse niet meer gebruikt.
Skiplinks issue op mijn Wordpress website
Op mijn WordPress-website werkte de skiplink niet op sommige pagina’s. Op deze pagina’s heb ik een externe plugin toegevoegd die andere ID’s gebruikt, waardoor de connectie tussen de skiplink in de header en het ID op de content verloren is gegaan.
Checklist toegankelijke content
Inleiding Een praktische handleiding voor het maken van digitaal toegankelijke Word-documenten. Of je nu rapporten, beleidsdocumenten of facturen maakt: met deze stappen zorg je ervoor dat iedereen je content kan lezen, ook mensen die een schermlezer gebruiken. Koppen Structuur met echte kopstijlen