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.

Een printscreen van WordPress en de optie om alt-beschrijvingen aan een afbeelding toe te voegen. Je ziet het vak waar de alt-tekst ingevoerd kan worden, met een tekst als voorbeeld.

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.

Pinterest pin met de tekst: met deze tips maak je je blog toegankelijk voor iedereen met een visuele beperking.

Author

  • Angie is a blogger and creative entrepreneur from the Netherlands who is currently residing as a digital nomad in Serbia together with her husband and 2-year old daughter Ana Milena. She is the creator of She Can Blog and works as a Pinterest manager for several Dutch companies.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *