+31 50 211 0100 info@vevida.com

Tips voor een toegankelijke website​

Een toegankelijke website is van groot belang voor mensen met een beperking. En dat hoeft niet eens zo heel erg ingewikkeld te zijn. Met enkele simpele stappen sla je al een grote slag en bezorg je mensen met een beperking een prettige ervaring op je website. Onze ontwikkelaar Romke houdt zich hier inmiddels vier jaar mee bezig en geeft jou enkele snelle praktische tips.

Bekijk de video of lees de uitgeschreven tekst!

Het drempelvrij maken van je website kun je het beste vergelijken met het inrichten van je winkel of restaurant voor bijvoorbeeld rolstoelers. Om deze doelgroep niet buiten te sluiten kun je voor de ingang zo’n oprijplaat voor rolstoelers plaatsen en de paden iets breder maken. Je doet er iemand in een rolstoel heel veel plezier mee.

Verkeerd beeld van een toegankelijke website

Overigens had Romke zelf een verkeerd beeld van accessibility, bekent hij. ‘’Een toegankelijke website is saai en blokkerig. “Het werkt allemaal wel goed, maar het ziet er heel lelijk uit”, dacht ik. “Pas toen ik me erin ging verdiepen, ontdekte ik dat er veel meer achter zit. Het is een fascinerend onderwerp en het is goed om te zien waarmee je allemaal rekening moet houden. En ook welke slimme trucjes er zijn die je kunt toepassen. Belangrijk ook: een goede toegankelijkheid hoeft een mooie website niet in de weg te staan.”

Er zijn vier doelgroepen waarmee je rekening moet houden: mensen met een cognitieve, motorische, en een audio of visuele beperking.

Gebruikers met een visuele beperking

Voor de gebruiker met een visuele beperking zijn de meeste aanpassingen nodig. Om jouw website te lezen, kunnen zij bijvoorbeeld gebruik maken van een screenreader. Het is niet zo dat de screenreader lukraak de tekst op de websitepagina begint voor te lezen. De gebruiker heeft de beschikking over functies waarmee hij door het menu scrolt of langs alle linkjes of titels navigeert. Heb je bijvoorbeeld veel linkjes of ‘lees meer’-buttons op je website? Denk dan goed na welke tekst je deze meegeeft.

De juiste linktekst

Het is voor personen met een goed zicht heel normaal om achter een Lees meer-button “Meer over dit onderwerp” te zetten. Voor een slechtziend persoon is dit een ramp, want de reader leest dan de tekst ‘meer over dit onderwerp’ voor. Dat zegt de bezoeker dus helemaal niks. Zorg ervoor dat er bijvoorbeeld staat: Meer over toegankelijkheid. Het moet dus iets zeggen over het onderwerp achter de link.

Alt-tekst toevoegen aan afbeelding

Dit is een van de zaken die je snel kunt oplossen. Voor deze doelgroep kun je ook nog de alt-tekst toevoegen aan een afbeelding op je pagina. Los van het feit dat Google dit heel prettig vindt, scoor je ook nog eens punten bij mensen met een visuele beperking. Zorg ervoor dat je alt-tekst iets zegt over wat er op de afbeelding te zien is. Want zonder alt-tekst meldt de screenreader alleen maar dat het een afbeelding is.

Let wel op dat je niet gaat herhalen wat er al in de tekst zelf staat, want in dat geval krijgen ze twee keer dezelfde tekst te horen. Dat is niet bevorderlijk voor hun surfervaring.

Bezoekers met een motorische beperking

Voor mensen met een motorische beperking kan werken met een muis een probleem zijn. Zij zijn bijvoorbeeld afhankelijk van het gebruik van een toetsenbord. Deze groep zou dus met behulp van bijvoorbeeld de Tab-toets door jouw website moeten kunnen navigeren. Dankzij Romke (en collega Tim) is onze website op dit vlak goed toegankelijk gemaakt voor mensen met een beperking. Wanneer je op Vevida.com bent en je tikt meteen op de Tab-toets, dan verschijnt er als eerste de link: “spring naar de hoofdinhoud’. Met elke tik op de Tab-toets scroll je als het ware verder door de pagina. Met een klik op de Enter-toets ga je naar de daarachterliggende inhoud.

Wat te doen voor bezoekers met beperkt gehoor?

Je website aanpassen voor mensen met een beperkt gehoor is iets eenvoudiger. Alleen als je veel video’s plaatst, heb je enig werk te verrichten. Zo kun je bijvoorbeeld een video voorzien van ondertiteling. Of je kunt – zoals wij dat doen op Vevida.Academy – de gesproken tekst uitschrijven. Hiermee doe je niet alleen de mensen met een beperkt gehoor een plezier. Wij zien dat ruim 60 procent van de bezoekers nog steeds liever de tekst leest dan het filmpje bekijkt.

Ook handig voor mensen zonder beperking

Works both ways geldt ook voor het ondertitelen van je video’s. Op sociale media staan veel video’s en die zijn veelal ondertiteld. De reden waarom? Omdat het geluid op deze kanalen standaard uit staat en veel mensen het filmpje op die manier bekijken. Vooral als ze in een openbare ruimte zitten en de personen in de directe omgeving niet willen storen. Ze lezen dan wat er wordt gezegd. Je boodschap gaat zo niet verloren.

Terug naar het drempelvrij maken van jouw website.

Een cognitieve beperking en een toegankelijke website

En dan zijn er nog de mensen met een cognitieve beperking, zoals sommige ouderen, die net even wat minder snel meekunnen, niet meer met dezelfde snelheid een website begrijpen als jongeren. Wat je vooral kunt doen om deze groep te ondersteunen is:

  • Zorgen dat je website helder in elkaar steekt
  • Je consistent bent
  • Je navigatie altijd op dezelfde plek zit
  • Je navigatiestructuur klopt

Ook dit is voor alle bezoekers van belang.

Wat kun jij als kleine ondernemer of zelfstandige doen om je website toegankelijker te maken:

Test je website op toegankelijkheid met deze tools

Bedenk eerst wat de problemen op jouw website zijn. Gebruik een handige tool die jouw website doorlicht en je wijst op wat er op jouw website ontbreekt. Er zijn online tools die dit voor jou doen, maar Romke beveelt aan om de browser plugin van WebAIM (Web accessibility in mind). Zij hebben een plugin gebouwd voor Chrome en Firefox (Wave). Deze plugin is gratis. Je kunt een hoop zaken zelf oplossen.

Wil je jouw website tot in de puntjes laten voldoen aan de eisen van de accessibility? Dan zijn er wel bureaus die jou erbij kunnen helpen.

Toegankelijke WordPress thema’s

Er zijn al gratis toegankelijke WordPress thema’s die van jouw website een toegankelijke website te bouwen. Bij het thema 2020 van WordPress wordt bijvoorbeeld al gekeken naar de toegankelijkheid. En anders kun je bij de thema’s zoeken op de tag accessibility ready.

Bij een toegankelijke website moet je ook denken aan andere zaken, zoals:

  • Kleurgebruik
  • Grootte van het lettertype
  • Letterspatiëring
  • Contrast
  • Regelafstand

Er bestaat bijvoorbeeld een online contrastchecker. WebAIM heeft bijvoorbeeld een tool hiervoor.

Het zou voor ons als eigenaren van websites natuurlijk superhandig zijn als we kunnen zien of wij veel bezoek krijgen van mensen met een beperking en welke beperking dat is. Bijvoorbeeld om te kunnen bepalen aan welke voorwaarden onze website moet voldoen. Hier is door Google, Mozilla en Microsoft goed over nagedacht en er is juist heel bewust voor gekozen om niet aan te geven dat mensen gebruik maken van ondersteunende technologieën. Want de vrees is dat mensen in dat geval worden doorgestuurd naar een toegankelijke maar inferieure website waarin veel minder energie wordt gestoken dan de standaard website.

Wij raden aan om in elk geval de kleine zaken goed te regelen. Als jij wel een toegankelijke website hebt en je concurrenten niet, dan heb jij in elk een streepje voor.

Veel sites vergen nog de nodige aanpassingen

Wat je merkt is dat de overheid al jaren bezig is met het maken van toegankelijke websites. Moet ook wel, want zij worden hierop afgerekend. In het bedrijfsleven is het echt een stuk minder. Er is wel regelgeving in de maak die het verplicht gaat stellen. Maar vooralsnog is dit niet zo. Dit wil niet zeggen dat websites van commerciële bedrijven standaard niet toegankelijk zijn. Maar er valt altijd wat te verbeteren.

Als er voor Romke een ding duidelijk werd dan is het dat een toegankelijker website niet alleen prettig is voor mensen met een beperking, maar ook voor anderen.

Het motto dat hij heeft opgestoken, is: Accessibility is essential for some and usefull for all. Bekijk het waarom maar eens in deze video van W3C Web Accessibility Initiative (WAI).

Wij maken gebruik van cookies. Door het gebruiken van deze site ga je hiermee akkoord. Lees meer over hoe wij cookies gebruiken in ons privacybeleid.