Tips en tools
Praktische tips, tools en handleidingen om de digitale toegankelijkheid van je website te verbeteren. Van kleurcontrast tot koppenstructuur.
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
Toegankelijkheidslabel ontoegankelijk plaatsen (doe dat niet!)
Wanneer je een toegankelijkheidsverklaring hebt opgesteld, kun je een label ophalen dat je op je website kunt plaatsen om de status van je website te tonen. Je vindt het label op deze pagina: https://www.toegankelijkheidsverklaring.nl/verklaringen
Tools om contrast te checken
De TPGi Color Contrast Checker is een gratis tool om te controleren of de kleuren op je website genoeg contrast hebben volgens de WCAG-richtlijnen.