WP Brothers

vraag een offerte aan

- of -

bel 030 737 09 02

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.

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 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.

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.

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 het is uiteraard maar een tipje van de sluier van webtoegankelijkheid. Wil je weten of jouw website daadwerkelijk goed toegankelijk is of heb je hulp nodig bij webtoegankelijkheid, neem dan contact op. WP Brothers en Social Brothers kunnen je verder helpen.

sjors, werknemer, wordpress brothers

Sjors

lekker snel whatsapp-en
altijd bereikbaar via
van 9.00 tot 17.30

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

Cookies op WP Brothers
Wij en derden gebruiken cookies op onze website. We gebruiken cookies voor statistische, voorkeur en marketing doeleinden. Google Analytics cookies zijn geanonimiseerd. Je kan je voorkeuren wijzigen door op ‘Verander opties’ te klikken. Door op ‘Accepteren’ te klikken accepteer je het gebruik van alle cookies zoals beschreven in onze privacy-statement.
Noodzakelijk
Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.
Voorkeur
Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.
Statische
Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.
Marketing
Marketingcookies worden gebruikt om bezoekers te volgen wanneer ze verschillende websites bezoeken. Hun doel is advertenties weergeven die zijn toegesneden op en relevant zijn voor de individuele gebruiker. Deze advertenties worden zo waardevoller voor uitgevers en externe adverteerders.
Verander opties