Hoe maak je jouw website toegankelijker?

Kun jij deze tekst lezen? De afbeelding zien? Een muis gebruiken?

Je staat er misschien zelden of nooit bij stil, maar dat je dat allemaal kunt is geen vanzelfsprekendheid.

Hoe maak je jouw website toegankelijker voor mensen met een beperking of chronische aandoening?

Hoe toegankelijk is je website nu?

Om te weten hoe je jouw website toegankelijker kunt maken, moet je eerst weten hoe toegankelijk je website op dit moment is. En wat er nog verbeterd kan worden.

Er zijn verschillende manieren om dat te onderzoeken.

Je kunt een adviesbureau of een expert naar je website laten kijken. Dit is kwalitatief gezien de beste optie maar er hangt (uiteraard) een prijskaartje aan.

Bij mijn weten bestaat er geen online overzicht van bedrijven die dit type onderzoek kunnen uitvoeren, en wat het kost, dus vooralsnog zijn we hiervoor aangewezen op Google en LinkedIn.

Misschien heb je ervaringsdeskundigen in je netwerk die je om feedback kunt vragen. Ook dat heeft voor- en nadelen.

Digitale toegankelijkheid is een ontzettend breed en complex onderwerp, dus waarschijnlijk zal die ene slechtziende oud-collega (om maar een voorbeeld te geven) lang niet alles opmerken.

Maar wat hij of zij opmerkt, vergeet je misschien nooit meer. Omdat het persoonlijker is.

Tot slot kun je de toegankelijkheid van je website door software laten testen. Dat is een redelijk uitvoerige maar ook “droge” manier.

Op WebAccessibility.com kun je gratis achterhalen hoe toegankelijk je website is, in de vorm van een percentage. (De homepage van Wendy Express scoort op dit moment 85%.)

Een ander fijn hulpmiddel is WAVE.

Let op: beide programma’s geven feedback per pagina. Als je website uit meerdere pagina’s bestaat, moet je die dus één voor één invoeren.

Na deze momentopname weet je al (iets) beter wat er nodig is om jouw website toegankelijker te maken.

De volgende zes algemene tips kunnen daar ook bij helpen.

Je website toegankelijker maken – zes tips

1. Ga voor een Accessibility Ready thema. Eén van de voordelen van WordPress is de keuze uit diverse Accessibility Ready thema’s. Je website is niet meteen toegankelijk als je voor zo’n thema kiest – was het maar zo eenvoudig – maar het fundament deugt dan alvast.
2. Voorzie afbeeldingen van een alt-tekst. Als een afbeelding cruciale of leuke informatie bevat (‘need/nice to know’), beschrijf dan wat er te zien is. Puur decoratieve afbeeldingen hoef je niet per se van een alt-tekst te voorzien.
3. Geef bij audio en video een transcript. In de vorm van synchrone ondertiteling of een losstaande tekst. Zelfs een beknopte, geschreven samenvatting van het verhaal kan al helpen.
4. Gebruik beschrijvende links. Vertel waar een link heenleidt. Dus niet “deze website is een aanrader” maar “deze website over digitale toegankelijkheid is een aanrader”.
5. Maak je teksten “scanbaar” door kopjes te gebruiken. Zorg ervoor dat de kopteksten beschrijvend zijn en qua opbouw kloppen. Dus één H1-kop bovenaan de tekst, H2-koppen die de tekst in paragrafen verdelen, en H3-koppen voor eventuele subparagrafen.
6. Zorg voor voldoende kleurcontrast. Met name tussen tekst en achtergrond, maar denk ook aan de kleur van een link en een button. Zijn de teksten op je buttons goed leesbaar voor slechtzienden? Ik gebruik de Contrast Checker van WebAIM bij het samenstellen van een kleurenpalet.

Ga voor groei!

Je website hoeft heus niet in één keer perfect toegankelijk te zijn.

Sterker nog, waarschijnlijk is geen enkele website 100% toegankelijk. Er zijn zoveel verschillende handicaps en aandoeningen, die allemaal hun eigen eisen stellen aan de toegankelijkheid van websites, dat het (bijna?) onmogelijk is om iedereen te vriend te houden.

Toch loont het om aan de toegankelijkheid van je website te werken.

Realiseer je dat één op de acht mensen in Nederland een handicap heeft. Met een ontoegankelijke website loop je dus best wat potentiële klanten mis.

En als je voor hen (en mij) geen extra moeite wilt doen, zelfs niet een beetje, doe het dan voor het gebruiksgemak van je website in het algemeen. En voor de vindbaarheid.

Een goede toepassing van alt-teksten, beschrijvende links en kopjes verbetert bijvoorbeeld niet alleen de gebruikservaring van mensen die een schermlezer gebruiken, maar ook de prestaties van die website in Google.

Je kunt veel van Google zeggen, maar niet dat ze geen oog hebben voor de gebruiksvriendelijkheid van hun zoekmachine. Voor alle(!) gebruikers.

---

---