7 tips voor digitale toegankelijkheid op jouw website

Digitale toegankelijkheid in een notendop

Digitale toegankelijkheid maakt het mogelijk voor mensen om digitale producten zoals websites, apps, software en documenten te gebruiken, ook mensen met een functiebeperking. Zoals we de fysieke wereld voor iedereen toegankelijk maken, moeten we dit ook online doen. Vooral omdat de online wereld steeds groter wordt en je er bijna niet meer aan ontkomt. Op dit moment zijn er nog niet veel websites of online platformen die voor iedereen digitaal toegankelijk zijn. Toch komt daar vanaf 2025 verandering in.

Wat zegt de wetgeving?

Op dit moment zijn het alleen de (semi-)overheidsinstellingen in Nederland die wettelijk verplicht zijn om digitale toegankelijkheid te waarborgen. Hun websites moeten voldoen aan de WCAG 2.1 niveau A en AA. Deze richtlijnen zijn ervoor bedoeld om webinhoud toegankelijker te maken. Het duurt niet meer lang voordat ook (kleinere) bedrijven aan deze verplichting moeten voldoen. Sinds juni 2022 geldt dit namelijk ook al voor webshops. Waar dit nu nog niet gehandhaafd wordt, zal dit vanaf 2025 veranderen.

Onze tips voor een toegankelijke website

1. Alt teksten in afbeeldingen

Wist je dat alt teksten (alternatieve teksten) worden gebruikt door blinde of slechtziende personen om het doel van een afbeelding te begrijpen? Dankzij een schermlezer of speciaal toetsenbord, kunnen zij de inhoud van de webpagina laten voorlezen. Ook de alt tekst wordt dan voorgelezen.

Heb je een afbeelding puur ter decoratie toegevoegd aan een pagina? Laat de alt tekst voor digitoegankelijkheid dan leeg, zodat de gebruiker niet verward wordt.

2. Duidelijke links in je teksten en skip-links

Zorg ervoor dat de bezoeker van je website/webpagina snapt waar hij of zij heen gaat wanneer ze op een link klikken. Klik hier is bijvoorbeeld onduidelijk. Waar ga je heen als je op ‘Klik hier’ klikt? Maak er dan van: ‘Klik hier voor meer informatie over ons product’.

Een skip-link neemt de gebruiker direct naar de belangrijkste informatie van die pagina. Dit kan makkelijk zijn voor mensen die gebruik maken van schermlezers.

3. Kleurencontrast

Bij het kiezen van kleuren is het goed om voldoende contrast te hebben tussen de achtergrond- en voorgrondkleur. Genoeg contrast maakt het voor visuele gebruikers eenvoudiger om de inhoud op de pagina te lezen of te begrijpen, of het nu gaat om tekst of afbeeldingen van tekst. Wij staan klaar om je te helpen bij het kiezen van de juiste kleuren, zodat elementen zoals call-to-actions, knoppen en teksten goed zichtbaar en leesbaar zijn.

4. Maak formulieren toegankelijk

Formulieren zijn dé CTA’s van je website. Maak deze toegankelijk, om iedereen aan te spreken. Hoe doe je dit? Dat zit hem in de labels. Als de formuliervelden niet correct gelabeld zijn, kan dit voor een blind of slechtziend persoon onduidelijk zijn. Daarom is het essentieel dat elk veld een duidelijk label heeft. Bijvoorbeeld, als een formulierveld bedoeld is voor de naam van een persoon, moet het label “Volledige naam” zijn, of moeten er twee afzonderlijke velden zijn met de labels “Voornaam” en “Achternaam”. Het gebruik van de <label> tag in de formuliergenerator of het ARIA-attribuut “aria-label” kan helpen om het label passend te maken bij het formulierveld.

Soms moeten bepaalde invoervelden worden ingevuld voordat op de knop “Verzenden” kan worden geklikt. In dergelijke gevallen kan het attribuut “required” worden gebruikt. Dit attribuut geeft aan een gebruiker van een schermlezer aan dat het invoerveld vereist is voordat verder kan worden gegaan.

5. Overzichtelijke opbouw van de pagina

Maak gebruik van koppen en tussenkoppen om een duidelijk overzicht van de pagina te geven. Dit helpt niet alleen iedere gebruiker om de structuur van de pagina te begrijpen, maar maakt het ook eenvoudiger voor gebruikers van schermlezers om te navigeren op de website.

Voorbeelden van correct gebruik van koppen zijn onder meer:

• Gebruik <h1> voor de titel van de webpagina. Het is niet aan te raden om <h1> te gebruiken voor andere elementen dan de titel van de website en de titel van de webpagina.
• Gebruik koppen om de structuur en organisatie van de inhoud aan te geven.
• Sla geen niveaus over bij het gebruik van koppen. Ga niet direct van <h1> naar <h3>, aangezien gebruikers van schermlezers zich dan afvragen of er inhoud ontbreekt.

6. Zonder muis

Stel je eens voor dat je slechtziend of zelfs blind bent. Hoe kun je dan toch door een website navigeren? Bij een digitaal toegankelijke website kan dit met je toetsenbord. Zo heb je geen muis nodig om acties op de webpagina te doen. Daarom is het belangrijk om de web-inhoud van een pagina hierop aan te passen. Interactieve elementen op een website krijgen focus wanneer je op de “Tab” -toets klikt.

7. Schrijf je teksten zo toegankelijk mogelijk

Naast dat het belangrijk is je pagina zo overzichtelijk mogelijk op te bouwen en te werken met tussenkopjes, is ook je woordgebruik belangrijk bij het toegankelijk maken van je website. En dat niet alleen, denk ook aan de lengte van je zinnen en de toon van je tekst. Veel bedrijven schrijven hun teksten namelijk nog altijd op C1-taalniveau. Maar weet je dat ongeveer 60% van de bevolking deze teksten niet begrijpt? Het is dan ook onmisbaar om moeilijke informatie op je website om te zetten in heldere, aansprekende content die jouw doelgroep zonder moeite begrijpt. Uit onderzoek blijkt dat zelfs hoogopgeleide mensen de voorkeur geven aan toegankelijke taal. Hoe begrijpelijk is jouw website?