Met je muis of hand navigeren om content tot je te nemen lijkt vanzelfsprekend. Maar niet iedereen heeft het even makkelijk op internet. Denk aan blinden en slechtzienden of ouderen met een verminderd gezichtsvermogen. Maar ook doven en slechthorenden, mensen met een verminderde handfunctie of een beperkte leesvaardigheid. Deze groepen zijn evenredig verdeeld over de bevolking. Dus grote kans dat zij ook tot de bezoekers van jouw website horen.
Wat is web accessibility?
In 2016 waren er in de EU ongeveer 80 miljoen mensen met een handicap. Dit aantal wordt alleen maar groter: naar verwachting zijn er in 2020 zo’n 120 miljoen Europeanen die niet op de reguliere manier het internet op kunnen. Web accessibility zorgt ervoor dat je ook deze mensen bereikt en niemand buitensluit. Dat heeft ook voordelen voor jou. Je loopt geen potentiële bezoekers mis en je bent beter vindbaar in zoekmachines. Zo zijn bijvoorbeeld goede alternatieve teksten bij afbeeldingen handig voor blinden, maar zorgt het ook voor een betere ranking in Google. En betere vindbaarheid betekent meer bezoekers.
Universele richtlijnen en principes voor toegankelijkheid
Voor de bouw van toegankelijke websites zijn universele richtlijnen ontwikkeld: de Web Content Accessibility Guidelines (WCAG). De WCAG geeft voorschriften voor de gebruikte technieken, het design en de content en baseert zich op vier principes:
1. Waarneembaarheid
De content, navigatie, formulieren, links en de zoekfuncties moeten voor iedereen ‘waarneembaar’ zijn. Ook voor mensen die blind (m.b.v. een voorleesfunctie) of doof (m.b.v. beschrijvingen van het geluid) zijn.
2. Bedienbaarheid
Niet iedereen kan met een muis door een website klikken. Een website moet dus ook met het toetsenbord te bedienen zijn.
3. Begrijpelijkheid
De website moet begrijpelijk zijn. Zowel qua taal als bijvoorbeeld de begrijpelijkheid van een gebruikersinterface.
4. Robuustheid
De techniek achter de website moet goed in elkaar zitten.
Hoe bouwt Bitfactory toegankelijke websites en applicaties?
Toegankelijkheid is een essentieel onderdeel om over na te denken bij het ontwikkelen van een website of applicatie. Of je nu besluit om wel of niet aan WCAG richtlijnen te voldoen en in welke mate, het is belangrijk dat je dat direct bij start van de ontwikkeling in overweging neemt. Achteraf het design en de basis van je website aanpassen kost namelijk veel tijd en is daarmee kostbaarder. Wij adviseren je hierover tijdens het hele ontwikkelproces. Daarbij kijken we naar drie elementen: design, techniek en content.
Design
Tijdens ontwikkeling van het design en de front-end denken we aan zaken als:
- Duidelijk contrast. Een hoog contrast tussen verschillende kleuren voor betere leesbaarheid.
- Geen leidend kleurgebruik. Dat wil zeggen dat de interface ook zonder kleur begrijpelijk is, waarbij interactie-elementen ook altijd worden voorzien van tekst.
- Consistentie in vorm en gebruik. Dit bevordert de begrijpelijkheid. Zo hebben buttons die er hetzelfde uitzien ook altijd dezelfde functie.
- Geen verborgen tekst. Belangrijke tekst is altijd zichtbaar en niet alleen wanneer de gebruiker met de muis of cursor over een element beweegt.
- Goede leesbaarheid. Ook wanneer bijvoorbeeld ouderen een groter lettertype hebben ingesteld moeten alle teksten goed leesbaar zijn zonder dat de hele lay-out verspringt.
Techniek
In de code houden we onder andere rekening met onderstaande aandachtspunten:
- Geschikte code voor screenreaders. Door een duidelijk onderscheid tussen HTML en styling te maken, kan de content op een begrijpelijke manier worden voorgelezen.
- Geen wilde animaties. Bewegende elementen, denk aan een fotoslider, moeten handmatig gepauzeerd kunnen worden zodat gebruikers alle tijd hebben om de content tot zich te nemen.
Content
Wij adviseren contentmanagers om bewust te zijn van:
- Een consistente pagina-opbouw. Gebruik headers altijd in een logische volgorde (h1, h2) voor een duidelijke hiërarchie en goede leesbaarheid voor screenreaders.
- Het gebruik van goede alternatieve teksten bij afbeeldingen. Hierdoor lezen screenreaders ook afbeeldingen voor en kunnen gebruikers met een visuele beperking de content beter duiden.
- Begrijpelijke taal. Bedenk goed wie je aanspreekt en wat het kennisniveau van je gebruikers is. Dat klinkt logisch maar we zien bijvoorbeeld nog vaak onvriendelijke formulieren. Wijs gebruikers stapsgewijs de weg in lange formulieren en maak hen met vriendelijke teksten attent op onjuist ingevulde velden. Vermijd termen als ‘Valideren’ in buttons en gebruik in plaats daarvan ‘Controleer mijn gegevens’.
Hoe toegankelijk is jouw website?
Uiteraard is het helemaal afhankelijk van jouw doelgroep en ambities tot op welk niveau je toegankelijkheid wil toepassen. Of je website, applicatie of klantportaal toegankelijk genoeg is, kun je toetsen aan de hand van de WCAG richtlijnen. Hiervoor zijn verschillende online scantools te vinden. Maar de allerbeste toets is natuurlijk een test met je eigen gebruikers of een representatieve gebruikersgroep. Ook tijdens de ontwikkeling van een nieuwe website of applicatie testen wij toegankelijkheid door potentiële gebruikers een prototype voor te leggen. Door goed te testen kom je te weten waar gebruikers tegenaan lopen en kun je optimaliseren waar nodig.
Meer weten over toegankelijkheid? Ik help je graag verder! Bel of kom langs, dan hebben we het er samen over. Of lees hier meer over hoe je een website kan laten maken.
