Geschreven door
Profielfoto Kelly
Kelly Kroesen
Profielfoto Kelly
Geschreven door
Kelly Kroesen
Leestijd
3 minuten
Developer schrijft gebruiksvriendelijke code

In dit artikel

Wat is digitale toegankelijkheid?

Als we over digitale toegankelijkheid praten bedoelen we het beschikbaar, bruikbaar en inclusief maken van een digitaal product voor zoveel mogelijk mensen. Uiteindelijk zijn het namelijk mensen die aan de slag gaan met jouw website, app of online tool en deze komen met een breed scala aan ervaringen, capaciteiten en bekwaamheden jouw website binnen.

Volgens cijfers van de WHO zijn er wereldwijd ongeveer 285 miljoen mensen visueel beperkt, tussen de 110 tot 190 miljoen volwassenen met mobiliteitsproblemen en hebben 360 miljoen mensen gehoorverlies. Daarnaast hebben we ook rekening te houden met gebruikers die mogelijk leerproblemen ervaren, dementie hebben, autistisch zijn of met andere cognitieve beperkingen moeten leven.

Helaas gebeurt het nog vaak dat mensen onbewust of bewust worden uitgesloten voor het gebruik van digitale producten. Bijvoorbeeld door te weinig contrast in kleur en leesbaarheid, geen optimalisatie voor de voorleesfunctie of niet kunnen navigeren zonder muis. Rekening houden met de toegankelijkheid en gebruiksvriendelijkheid in het ontwerpen van digitale producten is een uitdaging waar wij ons graag mee bezig houden. Naast een aantal basisprincipes en maatregelen die je kunt nemen is digitale toegankelijkheid ook iets wat enorm kan verschillen per project en context afhankelijk is. Hieronder geven we je een aantal handige tools waarmee je zelf aan de slag kunt!

Kleurcontrast checker

Een belangrijk aspect in het ontwerpen van toegankelijke digitale producten is het gebruik van voldoende kleurcontrasten. Vooral voor de toegankelijkheid van mensen met een visuele beperking is dit van cruciaal belang. Vanuit de WCAG (Web Content Accessibility Guidelines) zijn hier regels voor opgesteld. Zorg ervoor dat het contrast tussen voor-en achtergrondkleuren ten minste 4,5:1 is. Met deze handige contrastchecker kan je de kleurcontrasten op jouw website eenvoudig testen.

Google Lighthouse

Onze grote vriend Google heeft een handige tool om je website mee te scannen op verbeterpunten. Met Lighthouse controleer je de website op prestaties, best practices, toegankelijkheid en SEO. Door de URL in te vullen krijg je een rapport met handige verbeterpunten en indicatoren om jouw website nog toegankelijker te maken.

Google Lighthouse scan

Leesniveau checker

Het leesniveau van de teksten op je website is ook een belangrijk aspect van de digitale toegankelijkheid. Het leesniveau van de meeste Nederlanders is B1, terwijl veel teksten onbewust op hogere niveaus worden geschreven. Zeker voor publieke websites met algemene informatievoorziening is het belangrijk om je teksten op het een toegankelijk leesniveau te schrijven. Op accessibility.nl vind je een tool die je een indicatie kan geven van het leesniveau van jouw teksten. Handig!

Eerlijk is eerlijk, het is een pittige klus om je te verdiepen in de vele richtlijnen en eisen rondom digitale toegankelijkheid. Het raakt veel aspecten, van onderzoek en design tot aan development en content creatie. Als designbureau zijn wij vooral gespecialiseerd in het ontwerpen van toegankelijke digitale producten voor jouw doelgroepen.

Profielfoto Kelly
Vergelijkbare artikelen
 
 
Profielfoto Joey Joey Verwey
UX design

Digitale toegankelijkheid voor overheden, hoe zit dat precies?

Sinds 2018 zijn overheidsinstanties wettelijk verplicht de noodzakelijke maatregelen...

Sfeerbeeld van werkende mensen op kantoor
Profielfoto Joey Joey Verwey
UX design

Rekening houden met de privacy van de eindgebruikers in digitale projecten

Met de komst van de AVG wetgeving in 2016 hebben wij ons ontwerpproces aangescherpt m...

Profielfoto Joey Joey Verwey
UX design

Designproces: alles over de explore fase

In dit artikel leggen we alles uit over de explore fase. Wat is het doel van deze fas...

Profielfoto Joey Joey Verwey
UX design

Wat is de achtergrond van ons designproces?

Ons designproces vormt al 10 jaar lang de basis voor elk project. Door de jaren heen...

Profielfoto Maike Maike Bekkernens
UX design

Designproces: alles over de create fase

Het doel van de create fase is het opleveren van de gevalideerde ontwerpen richting o...

Profielfoto Joey Joey Verwey
Tools & methodes

Organiseer en structureer de inhoud van je website met behulp van card sorting.

Card sorting is een onderzoeksmethode die je helpt om de inhoud van je website op een...

Studenten werken aan designopdracht
Profielfoto Joey Joey Verwey
UX design

Assessment Week Grafisch Lyceum Utrecht

Studenten van het Grafisch Lyceum gingen aan de slag met een uitdaging voor PostNL.

Mock-up van een Service Blueprint
Profielfoto Joey Joey Verwey
Tools & methodes

Ontdek kansen in je dienstverlening met een Service Blueprint

Een Service Blueprint is een canvas met daarop een visueel verloop van jouw dienstver...

Kind gebruikt een tablet
Profielfoto Joey Joey Verwey
UX research

Apps ontwerpen voor leerlingen op het basisonderwijs

Wat komt er allemaal kijken bij het ontwerpen van apps voor kinderen?

Profielfoto Maike Maike Bekkernens
UX design

Hoe verloopt een project?

Het is geen geheim dat een goede user experience de nieuwe standaard is. Gebruikers v...

Profielfoto Kelly Kelly Kroesen
UX design

Digitale toegankelijkheid voor mensen met een beperking. Waar moet je rekening mee houden?

In Nederland leeft een aanzienlijk deel van de bevolking met een beperking. Voor deze...

Close-up van schetsen op papier
Profielfoto Joey Joey Verwey
UX design

Stakeholders en eindgebruikers betrekken met wireframes

Een belangrijk onderdeel in het ontwerpproces van digitale projecten is het maken van...

Mobiele mock-up Stappy applicatie
Profielfoto Jasper Jasper Griepsma
Development

Web, native, hybrid en progressive apps: wat zijn de verschillen?

Je kan het zo gek niet bedenken of er is wel een app voor gemaakt, maar wat is nou he...

Developer schrijft gebruiksvriendelijke code
Profielfoto Kelly Kelly Kroesen
Tools & methodes

Tips om de digitale toegankelijkheid te verbeteren

In dit artikel vind je handige tools die je helpen om de digitale toegankelijkheid va...

Designer schetst een user flow
Profielfoto Maike Maike Bekkernens
Tools & methodes

Zet je gebruiker centraal met user flows voor jouw app of website

De user flow template helpt je om de paden die gebruikers bewandelen bij het gebruik...

Profielfoto Jasper Jasper Griepsma
UX design

Designproces: alles over de understand fase

In dit artikel leggen we alles uit over de understand fase. Wat is het doel van deze...

Mock-up van een core model canvas
Profielfoto Maike Maike Bekkernens
Tools & methodes

Core Model Canvas: in 8 stappen naar de kern van je content

Het Core Model Canvas template helpt je eenvoudig te ontdekken welke content niet mag...

Designer maakt wireframes op papier
Profielfoto Kelly Kelly Kroesen
UX design

Wat is Adaptive design?

Rekening houden met de context waarin gebruikers jouw digitale product gebruiken.

Profielfoto Joey Joey Verwey
UX design

Designproces: alles over de strategy fase

In dit artikel leggen we je alles uit over de strategy fase van ons designproces. Wat...

Kennismaken