Tips en tools
Praktische tips, tools en handleidingen om de digitale toegankelijkheid van je website te verbeteren. Van kleurcontrast tot koppenstructuur.
Tolkie als leeshulp voor je overheidswebsite: zo wordt je tekst begrijpelijk op B1-niveau
Wil je dat je overheidswebsite leesbaar is voor bezoekers op B1-niveau of lager? Dan kom je vroeg of laat de vraag tegen wat je doet met de teksten die er nu staan. B1 is het taalniveau dat een ruime meerderheid van de Nederlandse bevolking goed begrijpt, en de norm waar de meeste overheidsorganisaties op willen zitten. Alleen zit een groot deel van de bestaande overheidsteksten van nature op B2 of hoger. Alles handmatig herschrijven kost tijd die de meeste communicatie-afdelingen niet hebben.
WCAG-succescriteria per beperking: welke eisen gelden voor jouw bezoekers?
WCAG 2.2 bevat 55 succescriteria. Maar niet elk criterium is relevant voor elke bezoeker. Sommige gaan over kleurgebruik, andere over toetsenbordbediening, en weer andere over bewegende content.
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.
Logo met veel tekst: hoe maak je het toegankelijk én gebruiksvriendelijk?
Heeft je website een logo met veel tekst? Linkt dit logo naar de homepagina? Dan kan het lastig zijn om zo’n logo toegankelijk én gebruiksvriendelijk te maken. In dit artikel leggen we uit waar je op moet letten en hoe je de juiste balans vindt.
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.
Hoe verwijder ik de melding ‘Google vragen over dit bericht’ – en waarom zou je dat willen?
Als je regelmatig digitale toegankelijkheid test, dan weet je hoe onmisbaar de Tab-toets is. Het is dé manier om snel te controleren of een website met alleen het toetsenbord te bedienen is. Tijdens onze audits zeg ik het altijd: wat niet met de Tab-toets bereikbaar is, is ook niet bereikbaar voor veel hulpsoftware.
Hoe test je elementen die op hover, focus of klik verschijnen (en meteen weer verdwijnen)?
Sommige UI-elementen verschijnen alleen kort, bijvoorbeeld vensters, dropdowns of menus die op hover of focus zichtbaar worden. Die kunnen interactieve onderdelen bevatten die je moet testen op toegankelijkheid. Bijvoorbeeld:
Hoe test ik focus zichtbaarheid
Navigeer je met de muis door een website, dan zie je welk element actief is doordat je muisaanwijzer erop staat. Maar voor mensen die het toetsenbord gebruiken, is er een ander visueel signaal nodig: de focusmarkering. Zonder die markering ben je verdwaald op de pagina. Je drukt op Tab, er gebeurt iets – maar je hebt geen idee waar je bent.
Hoe test ik focusvolgorde?
Focusvolgorde is een van die dingen die je pas opvalt als het misgaat. Je drukt op Tab en ineens spring je van de header naar de footer, of je opent een modal en de focus blijft achter de overlay hangen. Voor iemand die alleen het toetsenbord gebruikt, is dat het verschil tussen een bruikbare website en een onbruikbare.
Gestrand dicht bij de poolcirkel : digitale ontoegankelijkheid
Een maand geleden maakte ik samen met mijn zoon en onze teckels een rondreis door Zweden. Alles verliep soepel: met de trein van Stockholm naar Umeå, waar we dicht bij de poolcirkel een stuga (lees: houten huisje in een bos vol muggen met karakter) hadden gehuurd.
Overlay-toegankelijkheidstools: lossen ze echt iets op?
Waarom dit mini-onderzoek Veel teams vragen me of je digitale toegankelijkheid kunt “fixen” door een overlay of widget toe te voegen die fouten automatisch oplost. En, in het verlengde daarvan: voldoe je met zo’n tool meteen aan de wet (EAA of BDTO)?
Waarom correcte HTML-lijsten hét verschil maken in toegankelijkheid
Wie wel eens een toegankelijkheidsaudit heeft gezien, weet: de grootste problemen zitten vaak in de kleinste details. Een klassiek voorbeeld? Lijsten in HTML. Wat voor de ogen slechts een rijtje bullets lijkt, kan voor iemand met een schermlezer uitlopen op een mijnenveld van verwarring.