Toegankelijke content maken
Iedereen moet digitale content kunnen gebruiken, begrijpen en verwerken. Dat begint bij hoe je content opbouwt en presenteert. Daarom is het belangrijk dat je vanaf het begin rekening houdt met toegankelijkheid. Of het nu gaat om tekst, afbeeldingen, tabellen, lijsten of video’s: de manier waarop je content maakt en opmaakt bepaalt of iedereen ermee kan werken.
Het NL Design System helpt je daarbij. Hier vind je richtlijnen voor het maken van toegankelijke content, gebaseerd op wetgeving, gebruikersonderzoek en praktijkervaring. Ze zijn bedoeld voor redacteuren, ontwerpers, ontwikkelaars en iedereen die content publiceert.
Gebruik de checklist hieronder als houvast bij het maken en controleren van je content. Wacht niet tot het eind van je proces — begin er meteen mee. Zo wordt toegankelijkheid vanzelf een gewoon onderdeel van je werk.
Let op: Deze checklist is een vertrekpunt, geen complete handleiding. Hij wordt aangevuld op basis van ervaringen uit de praktijk.
Koppen
Koppen zorgen voor structuur. Ze helpen gebruikers om snel de opbouw van de pagina te begrijpen, en zijn essentieel voor mensen die met een schermlezer of toetsenbord navigeren.
Controleer of:
- de juiste kopniveaus zijn gebruikt (bijv. geen sprongen van h2 naar h4);
- de volgorde van de koppen klopt;
- de koppen beschrijvend en relevant zijn;
- er geen lege koppen zijn.
Lees meer: Zo gebruik je koppen op een toegankelijke manier
Afbeeldingen
Niet iedereen ziet wat er op een afbeelding staat. Een goede alternatieve tekst zorgt ervoor dat de informatie toch overkomt.
Zorg ervoor dat:
- elke betekenisvolle afbeelding een duidelijke alt-tekst heeft;
- je bewust hebt afgewogen of de alt-tekst wel of niet mag worden weggelaten.
Lees meer: Zo maak je afbeeldingen toegankelijk
Tabellen
Tabellen zijn alleen toegankelijk als de structuur duidelijk is. Schermlezers moeten kunnen herkennen welke kop bij welke cel hoort.
Denk aan het volgende:
- worden kolom- en/of rijkoppen gebruikt?
- is de tabel niet te ingewikkeld?
- wordt de tabel niet gebruikt voor opmaak?
- staat de inhoud in logische volgorde?
Lees meer: Zo maak je tabellen toegankelijk
Opsommingen
Lijsten maken je tekst overzichtelijker. Ze helpen gebruikers om snel informatie te scannen — als ze tenminste goed zijn opgemaakt.
Controleer of:
Lees meer: Zo gebruik je opsommingen toegankelijk
Tekst benadrukken
Soms wil je iets extra laten opvallen. Als je dat op een toegankelijke manier doet, werkt het voor iedereen.
Zorg ervoor dat:
- je alleen vet of cursief gebruikt voor nadruk;
- je géén grote stukken tekst opmaakt met alleen vet of cursief of alleen hoofdletters;
- onderstreepte tekst alleen voor links wordt gebruikt.
Lees meer: Zo benadruk je tekst
Linkteksten
Linkteksten moeten op zichzelf duidelijk maken waar de link naartoe gaat. Dat helpt bij snel scannen en voorkomt verwarring bij gebruikers van bijvoorbeeld screenreaders.
Zorg ervoor dat:
- de linktekst beschrijvend is en niet vaag (zoals ‘klik hier’);
- links met dezelfde bestemming dezelfde tekst hebben;
- links naar verschillende bestemmingen verschillende teksten hebben.
Lees meer: Zo schrijf je toegankelijke linkteksten
Citaten
Een goed opgemaakt citaat is herkenbaar en begrijpelijk — ook voor mensen die content beluisteren of in aangepaste weergave lezen.
Controleer of:
Lees meer: Zo voeg je toegankelijke citaten toe
Video
Niet iedereen kan beeld zien of audio horen. Door je video’s goed te ondersteunen, maak je ze toegankelijk voor meer mensen.
Denk aan het volgende:
- is de video ondertiteld?
- is belangrijke audio ook visueel of in tekst beschikbaar?
- is er een transcript aanwezig?
Lees meer: Zo maak je video’s toegankelijk
Over deze richtlijnen
Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.
We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.