10 tips voor webtoegankelijkheid

‘Zoek maar op op het internet!’ Het lijkt vanzelfsprekend, maar voor 2 miljoen Nederlanders is het dat niet. Door slechtziendheid, kleurenblindheid, slechthorendheid, motorische beperkingen, dyslexie en laaggeletterdheid zijn lang niet alle websites en apps toegankelijk voor iedereen. Maar webtoegankelijkheid is wel belangrijk.
World without barriers: webtoegankelijkheid. Computerscherm omringt door iemand in een rolstoel, iemand met een vergrootglas en een stapel boeken.

Websites van overheidsinstanties moeten vanaf 23 september voldoen aan de WCAG 2.1 (Web Content Accessibility Guidelines). Maar ook als je geen overheidsinstantie bent, is het belangrijk dat je website goed toegankelijk is voor iedereen. Je mist 20% van je doelgroep, als je website niet toegankelijk is. Daarom geven we je 10 tips voor webtoegankelijkheid.

Download de whitepaper

1. Bied tekstuele alternatieven voor afbeeldingen

De alternatieve tekst of alt tekst bij een afbeelding wordt voorgelezen door schermlezer. Zo kunnen ook blinden en slechtzienden meekrijgen wat er op de afbeelding staat. Neem dus de tijd om een goede alt tekst te schrijven. Eén woord, zoals ‘beeldscherm’ is niet voldoende. Gebruik een hele zin, zoals ‘Smartphonescherm waarop het beginscherm van de EHBO-app te zien is.’ Mooi meegenomen: de alt tekst heeft ook SEO-waarde!

2. Zet je HTML-code in voor de schermlezer

Nu we het toch over de schermlezer hebben: je maakt het makkelijker voor de gebruikers als je de HTML-code van je website hier goed voor inzet. Geef in de code bijvoorbeeld aan waar je een Engels leenwoord hebt gebruikt. Zo kan de schermlezer het correct uitspreken. Ook handig zijn Skip-links, zodat de gebruiker van een schermlezer delen van de pagina over kan slaan en meteen kan navigeren naar delen die voor hem of haar belangrijk zijn. Zelf lees je immers ook zelden de volledige website. Lees meer over digitoegankelijk development.

3. Geef een alternatief voor kaarten

Nog een tip om je website toegankelijk te maken voor blinden en slechtzienden. Wil je de locatie van je bedrijf weergeven op je site? Ga dan niet alleen voor een kaart, want niet iedereen kan dit zien. Geef altijd het adres weer en eventueel ook een richting omschrijving.

4. Zorg voor ondertiteling bij video’s.

Houd er rekening mee dat niet iedereen de audio van je video kan horen en ga voor ondertiteling. Gewone ondertiteling is niet goed genoeg en de automatische variant van YouTube al helemaal niet. Kies voor speciale ondertiteling voor doven en slechthorenden waarin ook geluidseffecten en gelach etc. omschreven wordt.

5. Let op kleur

Let op het contrast tussen de achtergrond en de voorgrond of de tekst. Dit geldt ook voor tekst op buttons en dergelijke. Kleurenblinden en ook slechtzienden hebben hier baat bij en ook voor veel andere mensen oogt dit prettiger.  Via deze website kun je testen hoe jouw website eruit ziet voor de verschillende varianten van kleurenblindheid. Schrik niet!

6. Maak knoppen groot genoeg

Zorg dat knoppen groot genoeg zijn. Dat maakt het makkelijker om ze te bedienen. Priegelig kleine knopjes kunnen bijvoorbeeld lastig zijn voor mensen met een motorisch stoornis. Houd er ook rekening mee dat niet iedereen met een muis, touchpad of zelfs een toetsenbord overweg kan. Dat maakt het design van je website geen sinecure. Lees hier meer over het ontwerp van call-to-actions.

7. Schrijf prettig leesbare tekst

Veel tekst en lastige woorden werpen een drempel op bij personen met dyslexie of personen met cognitieve beperkingen. Daarom kies je het beste voor een groot lettertype (minimaal 12 pt). Zorg dat er geen grote stukken tekst zijn met een goede alinea-indeling en voldoende witruimte. Let ook op je taalgebruik. Ga voor korte zinnen en gebruik geen jargon. Lees hier meer over goede webcontent.

Extra tip: Zorg er ook voor dat de tekst vergroot kan worden zonder dat pagina’s onbruikbaar worden.

8. Gebruik geen bewegende, knipperende of flitsende content

Bewegende of knipperende content is niet prettig voor mensen met neurologische beperkingen en laten we eerlijk zijn, ook voor heel veel andere mensen niet. Zijn er wel automatische veranderingen, zoals een carrousel op je homepage of een video die automatisch begint met afspelen, zorg er dan voor dat bezoekers dat uit kunnen zetten. Wel zo makkelijk!

9. Test je webtoegankelijkheid

Een belangrijke tip: ga niet op je intuïtie af, maar test of je website ook daadwerkelijk voor iedereen toegankelijk is. Hiervoor kun je automatische tools vinden in dit overzicht.

Maar natuurlijk kun je ook zelf aan de slag gaan met proefpersonen. Dat kan op een laagdrempelige manier met paper prototyping.

10. Vergeet je sociale media niet

Webtoegankelijkheid gaat verder dan je website. Alle tips hier zijn ook zijn ook toepasbaar op je sociale media. Plaats nooit alleen een afbeelding, maar geef ook tekstuele uitleg. Let op de kleuren van je afbeelding en ondertitel je video’s.

Meer weten over webtoegankelijkheid?

Met deze tips hebben we je al op weg geholpen, maar er is veel meer… Download hier de whitepaper over digitoegankelijkheid.

Wil je weten of jouw website daadwerkelijk goed toegankelijk is, vraag dan onze scan aan. Uiteraard mag je ook direct contact met ons opnemen. WP Brothers en Social Brothers kunnen je verder helpen.

Sjors van Elst

Neem contact op met Freek
Altijd te bereiken via
Contact opnemen?

Whitepaper

Hoe maak je een goede website?

Download whitepaper

He Marketeer,

Waar dien je rekening mee houden als je een nieuwe website gaat realiseren? Wij helpen je graag. 

Groeten WP Brothers