Tips-en-Tools

Home /
Categories /
Tips-en-Tools

Automatisch toepassen van huisstijlkleuren in software: contrastproblemen voorkomen

Tips en tools

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?

Eaa voor bedrijven , Tips en tools

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

Tips en tools

Sommige tabellen hebben een rij met kolomkoppen met icoontjes waarmee je de inhoud van de kolom oplopend of aflopend kunt sorteren. Vaak is deze functionaliteit niet toegankelijk voor bezoekers die een schermlezer gebruiken.

Hoe verwijder ik de melding ‘Google vragen over dit bericht’ – en waarom zou je dat willen?

Tips en tools

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)?

Tips en tools

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. Denk aan:

Hoe test ik contrast van focusmarkering

Tips en tools

SC.1.4.11 Non-text Contrast (niveau AA) Navigeer met het toetsenbord door alle elementen die focus kunnen krijgen. Activeer (met het toetsenbord) functies die een menu, dialoogvenster of iets vergelijkbaars openen.

Hoe test ik focus zichtbaarheid

Tips en tools

Hoe test ik SC 2.4.7 - Focus zichtbaarheid Navigeer met het toetsenbord door alle elementen op de pagina die focus kunnen krijgen.

Hoe test ik focusvolgorde?

Tips en tools

Hoe te testen WCAG SC 2.4.3 - Focusvolgorde: Klik in de adresbalk van de browser. Gebruik de Tab toets om te navigeren en Shift Tab om terug te navigeren.

Gestrand dicht bij de poolcirkel : digitale ontoegankelijkheid

Eaa voor bedrijven , Tips en tools

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?

Tips en tools

De overlay’s die we hebben getest zijn geen oplossing voor structurele toegankelijkheidsfouten en leidt zelden tot wettelijke conformiteit. Sterker nog: de tools introduceren vaak nieuwe problemen. Veel teams vragen mij of je digitale toegankelijkheid kunt ‘fixen’ door een overlay of widget toe te voegen die fouten automatisch oplost. En, in het verlengde daarvan vragen ze: voldoe je met zo’n tool meteen aan de wet (EAA of WDO)?

Overlay-toegankelijkheidstools: lossen ze echt iets op?

Tips en tools

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 WDO)? Voor dit mini‑onderzoek bekeek ik drie commerciële toegankelijkheidstools die je als laag over een website plaatst:

Waarom correcte HTML-lijsten hét verschil maken in toegankelijkheid

Tips en tools

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.

Zo controleer je de koppenstructuur van je website

Tips en tools

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)

Tips en tools

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?

Tips en tools

Beginsituatie: er is een element met role="application" en het heeft geen toegankelijkheidsnaam (accessible name). Hoe kun je dit oplossen?

Video transcript: goed resultaat met een gratis tool

Tips en tools

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?

Tips en tools

Deze week was ik bij de presentatie van Martine Baadenhuijsen (https://allinclusiveatwork.nl/). Zij is blind en vertelde me hoe vaak ze e-mailhandtekeningen tegenkomt die níét toegankelijk zijn.

Browserstack vs Proper Access

Tips en tools

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

Tips en tools

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?

Tips en tools

Stap 1: Download en installeer de tool Ga naar de officiële website: https://www.tpgi.com/color-contrast-checker/

Hoe test je toegankelijkheid van PDF's

Tips en tools

Met de gratis PDF Accessibility Checker (PAC) test je makkelijk of een pdf-bestand toegankelijk is. Wel zo handig voor webredacties: zo ben je niet volledig afhankelijk van auditbureaus. In deze handleiding lees je hoe je dit precies aanpakt.

Hoe herken je niet-getagde tekst in een PDF

Tips en tools

Ik gebruik PAC 2024 software om PDF’s te testen. Ik wil je laten zien hoe je deze niet-getagde tekst kan herkennen.

Google Lighthouse als toegankelijkheidstool

Tips en tools

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

Tips en tools

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

Tips en tools

In deze checklist voor het toevoegen van toegankelijke content aan een webpagina bespreken we de belangrijkste punten waar je op moet letten om je content zo toegankelijk mogelijk te maken. Het oplossen van de onderstaande meest voorkomende fouten zorgt ervoor dat je content grotendeels toegankelijk wordt geplaatst en geschikt is voor bezoekers met diverse beperkingen: visuele, motorische, cognitieve en meer. Daarnaast voldoe je aan de WCAG-richtlijnen. Met een kleine inspanning kun je een groot resultaat bereiken!

Toegankelijkheidslabel ontoegankelijk plaatsen (doe dat niet!)

Tips en tools

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

Tips en tools

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.