Tips voor een toegankelijke website

Laat je een nieuwe website maken? Kies in ieder geval een platform dat toegankelijkheid ondersteund. Heb je al een website en wil je zelf aan de slag? Je vindt hier 6 eenvoudige tips om zelf de toegankelijkheid van je website te verbeteren.

Tip 1: Kies de juiste kleuren

Zorg voor genoeg contrast. Voor de achtergrond zijn zachtgeel of gebroken wit een goede keuze. Mensen die overgevoelig zijn voor licht hebben problemen met fel witte vlakken, vooral als zij op een beeldscherm kijken en vergrotingssoftware gebruiken.

Geen tekst over afbeeldingen heen.
Laat kleuren niet vervagen of in elkaar overlopen.
Genoeg onderscheid tussen tekst kleur en achtergrond.
Let ook goed op hyperlinks, die moeten voldoende opvallen.

Maak gebruik van onze zelfscan om het kleurgebruik van je eigen website te toetsen.

Doe de test via ismijnsitetoegankelijk.nl

Tip 2: Geef afbeeldingen een ALT-tekst mee

Voor mensen met een visuele beperking is een ALT-tekst (ook wel ALT-tag) erg handig. Dit is een beschrijving die je in het CMS (Content Management Systeem) van je website meegeeft aan een afbeelding. Een ALT-tekst wordt ingevuld als titel van een afbeelding en een speciale screenreader leest een samenvatting voor van wat er te zien is op de afbeelding. Voor zoekmachines is de ALT-tekst ook belangrijke extra informatie omdat deze een afbeelding niet kunnen lezen. Let op: puur illustratieve afbeeldingen geef je geen ALT-tekst. Dit soort afbeeldingen zijn niet noodzakelijk om de boodschap te begrijpen en leveren juist eerder verwarring op.

Tip 3: Geef koppen en tussenkoppen de juiste HTML-code

Slechtzienden scannen dankzij de vergroot- of voorleessoftware eerst de tussenkoppen zodat de structuur van je website voor hen duidelijk is. Het is belangrijk om deze koppen een ‘header tag’ mee te geven (H1, H2, H3, etc.). Dit zijn technische codes in het CMS (Content Management Systeem) van je website.

Tip 4: Maak hyperlinks begrijpelijk

Beschrijf de links duidelijk. Noem een link niet ‘klik hier’ maar geef de link een heldere omschrijving, zoals ‘Download onze product-catalogus’. Laat de link bij voorkeur niet openen in een nieuw venster. Naast de terug-knop kan je bezoeker als het goed is op elke pagina van je website terugvallen op een duidelijke manier om te navigeren en zich te oriënteren waar die zich bevindt. Dat kunnen een homeknop, een kruimelpad, een menu of knoppen zijn. Bij het navigeren van pagina naar pagina binnen je website heeft het openen van nieuwe vensters daarom geen enkele meerwaarde. Wil je dit toch? Laat dit je sitebezoeker dan expliciet weten.

Tip 5: Zorg voor goede tekstopmaak

Zorg voor een tekstopmaak die rustig en makkelijk leesbaar is, zodat de lezer niet teveel afgeleid wordt door de vormgeving.
Kies een schreefloos lettertype. Dat zijn letters die vaak wat eenvoudiger en minder sierlijk zijn, zonder dwarsstreepjes of verdikkingen op het einde van de letter. Veel gebruikte schreefloze lettertypen zijn Helvetica, Verdana, Univers, Arial, Futura, Comic sans, Tahoma en Gill sans.
Laat de tekst links uitlijnen. Oftewel: ‘niet uitvullen’. Dat leest rustiger en zie je in één oogopslag waar de zin eindigt. Daarnaast kunnen browsers niet goed overweg met ‘uitvullen’ waardoor de ruimte tussen de woorden en afzonderlijke letters soms erg groot zijn.
Wees spaarzaam met hoofdletters, cursief of vet: dit is moeilijker leesbaar.

Tip 6: Schrijf toegankelijke tekst

Voordat je gaat schrijven

Voor wie is de tekst bedoeld?
Wat moet de lezer weten, vinden of gaan doen na het lezen van de tekst?
Heel belangrijk, maak alle content toegankelijk voor gebruikers die alleen een toetsenbord als navigatie gebruiken.

Tijdens het schrijven

Gebruik korte zinnen.
Vermijd bijzinnen.
Gebruik eenvoudige en duidelijke woorden.
Houd het concreet.
Gebruik geen abstracte begrippen of beeldspraak.
Geef voorbeelden.
Vermijd vaktaal en technische termen, als het niet anders kan, leg dan de woorden goed uit.
Schrijf actief. Dus niet: ‘Er zal feest worden gevierd’, maar: ‘Bakker De Vries viert feest!’
Veel tekst? Zorg dan voor alinea’s met tussenkopjes.
Zorg ervoor dat de tekst ook te begrijpen is voor mensen die kleuren niet goed zien. Schrijf dus niet: ‘Vul de rode velden in’, maar: ‘Vul de rode velden in die met een sterretje gemarkeerd zijn’.
Biedt een alternatief aan bij audio- of videoberichten. Denk aan bijvoorbeeld ondertiteling, een apart transcript of audiodescriptie.

Na het schrijven

Lees de tekst hardop. Of beter nog: laat de voorleesapparatuur (zit standaard op veel computers) de tekst voorlezen. Is de tekst voor de lezer dan nog zo begrijpelijk en logisch als je dacht?
Laat iemand anders de tekst lezen en vraag om feedback

Maak gebruik van onze zelfscan om de toegankelijkheid van je eigen website te toetsen.

Doe de test via ismijnsitetoegankelijk.nl

Handige links

Laat je een nieuwe website maken? Kies dan een webbouwer die ervaring heeft met toegankelijk bouwen.
Accessibilty kan je in contact brengen met ervaren webbouwers die kennis van zaken hebben.

Handige tool voor de keuze van kleuren

Tool om leesniveau de bepalen

Artikel over toegankelijke PDF’s