Jouw website digitaal toegankelijk maken voor iedereen
De toegankelijkheid van je website draagt bij aan digitale inclusie
Als blogger wil je natuurlijk en toegankelijke website voor iedereen, inclusief mensen met een visuele beperking. In dit artikel bekijken we hoe je jouw blog toegankelijk kunt maken, zodat iedereen moeiteloos van je content kan genieten, ook mensen met een beperking. In dit artikel deel ik praktische tips om dit te bereiken.
Deze waardevolle inzichten zijn gebaseerd op de expertise van Tjarda Struik, een inspirerende persoon in het veld van inclusiviteit en toegankelijkheid.
Een toegankelijke website is prioriteit
Door een toegankelijke website te creëren voor slechtzienden help je trouwens niet alleen anderen, maar ook je website.
Digitale toegankelijkheid verbetert de gebruikerservaring van je website en dat vinden de zoekmachines ook erg fijn!
Het is een win-win situatie voor iedereen; jij zorgt voor inclusie en een fijnere digitale wereld voor mensen met een beperking en je krijgt er een geheel nieuwe doelgroep en extra SEO-punten bij.
Digitale toegankelijkheid; de cijfers
Als je de cijfers eenmaal kent, begrijp je ook meteen waarom het zo belangrijk is om je website toegankelijk te maken voor mensen met een visuele beperking.
Dit zijn de cijfers:
Volgens de Oogvereniging zijn er in Nederland 76.000 blinde mensen en 222.000 slechtziende mensen. En dat terwijl volgens de website boia.org slechts 14% van de websites in mei 2021 goed toegankelijk was voor mensen met een visuele beperking.
Hoog tijd voor bloggend Nederland en België om hier verbetering in te gaan brengen en te zorgen voor meer toegankelijke websites!
Zo maak je je website goed toegankelijk voor iedereen
Tjarda heeft mij een hele uitgebreide uitleg gestuurd met alle punten waar wij als bloggers op kunnen letten om onze websites toegankelijk te maken voor iedereen met een visuele beperking. Hier komen ze:
Installeer de plugin Userway Accessibility
Wanneer je deze plugin installeert is je website meteen toegankelijk met een paar klikken op de knop. Als je de plugin installeert, komt er een icoontje op je website te staan. Wanneer een gebruiker hierop klikt kan zij ervoor kiezen om:
- de fontgrootte te vergroten of te verkleinen;
- het contrast van de pagina te veranderen;
- de hoeveelheid ruimte tussen de teksten aan te passen;
- animaties te pauzeren;
- te kiezen voor grijstinten;
- hyperlinks te onderstrepen;
- de tekst dyslectievriendelijk te maken;
- de cursor groter te maken;
- de tekst anders uit te lijnen;
- de lijnhoogte aan te passen.
Installeer de ReadSpeaker plugin
Een andere plugin die ontzettend bijdraagt aan de digitale toegankelijkheid voor mensen met een visuele beperking is de ReadSpeaker plugin.
Deze plugin zet de tekst van een pagina om in natuurlijke spraak met één druk op de knop en je kunt er ook voor kiezen om de tekst te vergroten, een masker over de tekst te leggen of om een tekstversie van de pagina te openen. Met de knoppen bovenaan de pagina kun je uit de verschillende opties kiezen.
Wil jij de ReadSpeaker ook installeren voor jouw website? Kijk dan op de website van ReadSpeaker voor de mogelijkheden.
Geen extra plugin installeren? Pas je design dan als volgt aan!
Ook zonder extra plugin kun je zorgen voor een toegankelijke website. Zorg er dan dat het design van je website als volgt wordt afgesteld:
- Zorg voor een minimale fontgrootte van de bodycopy van 11 punten;
- Laat de tekst links uitlijnen. Oftewel: niet uitvullen. Dat leest rustiger;
- Maak de fontgrootte van de koppen zo groot mogelijk;
- Kies een schreefloos lettertype – letters zonder dwarsstreepjes of verdikkingen;
- Gebruik zoveel mogelijk heldere kleuren zoals blauw, groen en rood;
- Laat kleuren niet vervagen of in elkaar overlopen;
- Zorg voor genoeg contrast tussen de tekstkleur en de achtergrond;
- Zachtgeel of gebroken wit zijn goede kleuren als achtergrondkleur. Mensen die overgevoelig zijn voor licht hebben problemen met fel witte vlakken, vooral als zij op een beeldscherm kijken en vergrotingssoftware gebruiken;
- Laat hyperlinks voldoende opvallen;
- Geef knoppen op je website (zoals de menuknoppen) ook een titel mee waarin de naam van de knop vermeld staat.
Lees ook: hoe zorg je ervoor dat je blog voldoet aan de AVG-wetgeving
Let tijdens het schrijven van je tekst op deze punten:
Geef afbeeldingen een ALT-beschrijving
Geef afbeeldingen altijd een ALT-tekst voor optimale toegankelijkheid. Deze tekst is specifiek bedoeld voor mensen met een visuele beperking, omdat screenreaders de ALT-tekst voorlezen. Het is dus essentieel om hier een beknopte beschrijving van de afbeelding te geven.
Houd er rekening mee dat puur decoratieve afbeeldingen geen ALT-tekst nodig hebben, omdat ze de inhoud niet verduidelijken en eerder verwarring kunnen veroorzaken.
In WordPress kun je eenvoudig ALT-teksten toevoegen. Tijdens het schrijven kun je dit doen via de zijbalk in de WordPress-instellingen onder ‘Blok’ wanneer je de betreffende afbeelding selecteert. Je kunt ook bestaande afbeeldingen in de bibliotheek bewerken via het WordPress-dashboard en daar de ALT-tekst invoeren.
Gebruik headers voor koppen en tussenkoppen
Slechtziende bezoekers scannen eerst tussenkoppen, dus geef ze een duidelijke ‘header’-tag. Dit verbetert niet alleen de toegankelijkheid, maar heeft ook een positieve invloed op je website’s zoekmachineoptimalisatie (SEO).
Een gestructureerde lay-out helpt je hoger te scoren in Google, waardoor het gebruik van header-tags dubbel zo belangrijk is.
Gebruik de header-tags als volgt:
- H1 – Eenmaal voor je titel
- H2 – Voor de koppen
- H3 – Voor de tussenkoppen
Je kunt ook nog kiezen voor H4, H5 en H6, maar ik raad af om deze te gebruiken.
Lees ook: hoe schrijf je de perfecte blogpost?
Maak hyperlinks begrijpelijk
- In plaats van een link de anchor tekst ‘klik hier’ mee te geven, kun je er betere een heldere omschrijving aan geven, zoals ‘download onze productcatalogus’;
- Laat de link binnen de website bij voorkeur niet openen in een nieuw venster;
- Linken naar een andere website? Laat dit je sitebezoeker dan expliciet weten.
Overige tekstuele aandachtspunten
- Wees spaarzaam met hoofdletters, cursief of vet: dit is moeilijker leesbaar;
- Plaats geen cursieve teksten;
- Laat geen tekst door afbeeldingen lopen.
Test de toegankelijkheid van je website
Ben je niet zeker of je website voldoende toegankelijk is voor mensen met een visuele beperking? Via Accessibility kun je gratis testen waar je website al voldoende toegankelijk is en waar er nog verbeterpunten zi
Conclusie
Zoals je nu begrijpt, is het ontzettend belangrijk om je website toegankelijk te maken voor iedereen. Meer mensen dan van wie je in eerste instantie misschien had verwacht hebben te maken met een visuele beperking terwijl zij jouw blogs ook graag willen kunnen lezen.
Door je website toegankelijker te maken draag je bij aan inclusie en je zorgt voor een betere gebruikerservaring. Een belangrijk punt voor SEO. Alleen maar goede redenen om dus ook snel aan de slag te gaan met de toegankelijkheid van je website.
