Praktische tips voor het maken van een toegankelijke website
Stel je voor; een vriend vertelt je over een website, waar een product dat je regelmatig gebruikt goed geprijsd is. Maar wanneer je de website bezoekt, lukt het je niet om het product te vinden. Bovendien kun je de koppen niet lezen, geen contactgegevens vinden, en de content is niet goed leesbaar omdat er niet genoeg contrast is.
Deze belemmeringen voor de toegankelijkheid van een website, zorgen ervoor dat mensen met een handicap de diensten van je klanten niet kunnen gebruiken. Het lukt hen niet om aankopen te doen, of om simpelweg te genieten van de website. En dit heeft allemaal te maken met hoe de content van een website is geschreven en georganiseerd.
Het belang van een toegankelijke website
Naast de naleving van internationale regelgeving, is het bouwen van een toegankelijke website voor je klanten essentieel om hun bedrijf te laten groeien en ontwikkelen. Veel webdesigners zijn zich echter niet bewust van de diversiteit aan online gebruiksmogelijkheden, en de omvang van verschillende handicaps. Maar de werkelijkheid is, dat ongeveer 17% van de bevolking hulp nodig heeft op bepaalde gebieden.
In dit artikel kom je alles te weten over de best practices voor het maken van een toegankelijke website, zodat je uiteindelijk aan de wensen van alle gebruikers kunt voldoen!
Volg de volgende 11 stappen en help je klanten te voldoen aan de toegankelijkheidsnormen voor websites:
Maak de website klaar voor schermlezers
Bouw de sitestructuur
Schrijf Alt-tekst voor afbeeldingen en galerijen
Gebruik het juiste kleurenpalet
Kies duidelijke lettertypen
Verminder onnodige beweging
Schakel visuele indicatoren in
Maak video's en audio toegankelijk
Stel de taal van de site in
Maak documenten toegankelijk
Voeg een toegankelijkheidsverklaring voor de website toe
Begin met het klaarstomen van de website om te voldoen aan de toegankelijkheidsnormen
1. Maak de website klaar voor schermlezers
Schermlezers zetten tekst om in spraak. Ze helpen slechtzienden door hen door websites te laten navigeren met een toetsenbord. Er zijn verschillende manieren waarop je websites kunt voorbereiden voor schermlezers. Onder andere door het definiëren van de taal, het wijzigen van de websitevolgorde (voor de logica), en door het toevoegen van Alt-tekst aan afbeeldingen. Wix is geoptimaliseerd voor de meest voorkomende schermlezers, waaronder NVDA, Voiceover en Talkback.
2. Bouw de sitestructuur
De hiërarchie van de websites van je klanten (oftewel de content-structuur), helpt webbrowsers en schermlezers te begrijpen hoe de website is georganiseerd, en hoe de content moet worden gepresenteerd. Je kunt de sitestructuur ordenen door tags toe te voegen aan de verschillende content-elementen op de website. Dit alles inclusief koppen (H1, H2, H3), alinea's, lijsten, citaten, afbeeldingen etc. Daarnaast kun je beschrijvende kop-tags toevoegen aan elk tekstelement. Dit is bovendien ook belangrijk voor SEO!
3. Schrijf Alt-tekst voor afbeeldingen en galerijen
Het is noodzakelijk om Alt-tekst te schrijven voor bezoekers die schermlezers gebruiken om door websites te bladeren. Alt-tekst beschrijft het uiterlijk en de functie van een afbeelding of galerij op het scherm. Heeft je klant bijvoorbeeld een afbeelding van een huis op de website staan? Dan schrijf je voor de Alt-tekst bijvoorbeeld: 'Wit huis met blauwe luiken'. Deze tekst zorgt ervoor dat schermlezers afbeeldingen duidelijk beschrijven aan bezoekers die ze niet kunnen zien. Het toevoegen van Alt-tekst aan website-afbeeldingen is tevens top voor SEO.
Lees ook: 5 SEO tips om je website in 1 uur te boosten.
Ontwerp vervolgens de toegankelijkheidservaring van de website
4. Gebruik het juiste kleurenpalet
Bezoekers met een beperkt gezichtsvermogen vinden het waarschijnlijk moeilijk om het verschil te zien tussen de voor- en achtergrond van pagina's. Om de website toegankelijkheid te vergroten, raden we aan om specifieke kleurcontrast verhoudingen te gebruiken. Bijvoorbeeld tussen tekst en achtergrond, afbeeldingen en gebruikersinterface componenten en andere contrastverhoudingen. Op deze manier voldoe je bovendien aan de Level AAA-voorschriften (het hoogste niveau van toegankelijkheid, dat alles biedt voor een volledig toegankelijk aanbod).
5. Kies duidelijke lettertypen
Het kiezen van duidelijke lettertypen voor de website van je klanten kan echt het verschil maken. Lettertypen die gemakkelijker te lezen zijn, zijn beter voor de toegankelijkheid van de website.
Er bestaat geen perfect lettertype, maar het gebruik van de meest bekende lettertypen (zoals Times New Roman, Verdana, Arial, Tahoma, Helvetica en Calibri) zijn aan te raden. Gebruik daarnaast tekstelementen om content te schrijven in plaats van afbeeldingen, verminder de opmaak, en gebruik een letterkleur die een hoog contrast heeft met de achtergrond.
6. Verminder onnodige beweging
Het is voor iedereen verwarrend wanneer websites elementen bevatten die met verschillende snelheden bewegen. En dit is nog erger voor mensen met bewegings-gerelateerde aandoeningen, zoals evenwichtsstoornissen, epilepsie of ADHD.
Voor een toegankelijke website is het daarom belangrijk om onnodige bewegingen te verminderen. Je kunt dit doen door auto-play te beperken, parallax scrollen te vermijden, of bezoekers in staat te stellen beweging uit te schakelen.
7. Schakel visuele indicatoren in
Visuele indicatoren of 'focus', zijn blauwe rechthoeken die verschijnen wanneer bezoekers een toetsenbord gebruiken om door een website te navigeren. Met deze tool kunnen ze hun locatie op de pagina zien, en worden ze door de website geleid.
Bouw je een website met code? Dan moet je handmatig 'focus' coderen, met het juiste kleurcontrast. Echter, als je Wix gebruikt, kun je visuele indicatoren inschakelen om automatisch focus toe te voegen aan de websites van je klanten.
8. Maak video's en audio toegankelijk
Als je audio en video hebt toegevoegd aan de website van je klant, kunt je deze toegankelijk maken door ondertitels en een transcript toe te voegen. Evenals een audiobeschrijving van de beelden.
Voeg ten slotte de laatste hand aan de toegankelijkheid van de website
9. Stel de taal van de site in
Sitebezoekers met een beperking hebben vaak hun eigen voorkeuren voor ondersteunende technologie. Denk aan alternatieve toetsenborden, schakelaars of scansoftware. Het is niet nodig om speciale pagina's aan te maken om voor hen toegankelijk te zijn. Wel doe je er goed aan om de taal van de website in te stellen bij 'Instellingen', bijvoorbeeld in 'Engels - Verenigde Staten'. Zo kunnen ondersteunende technologieën je website op de juiste manier interpreteren. Deze technologieën passen vervolgens het accent, de toonhoogte en de spreeksnelheid van de content aan.
10. Documenten toegankelijk maken
Hebben je klanten documenten op hun website staan? Maak deze dan toegankelijk zodat meer bezoekers ze kunnen gebruiken. Of een document nu een HTML, Word of PDF-bestand is; je kunt het toegankelijker maken door koppen, lijsten, hyperlinks, en Alt-tekst te gebruiken. Geef bovendien de taal van het document aan.
Een vooraf ingestelde actie automatiseert voor PDF's al veel taken. Het controleert de website toegankelijkheid en geeft instructies voor items die handmatige correcties vereisen. Maak je PDF-bestanden en Word-documenten dus toegankelijk met deze stapsgewijze handleidingen.
11. Voeg een toegankelijkheidsverklaring voor de website toe
Plaats een toegankelijkheidsverklaring op de websites van je klanten waarin het beleid, de doelen en prestaties met betrekking tot toegankelijkheid worden beschreven.
Let op: deze richtlijnen over toegankelijkheidsverklaringen mogen niet worden opgevat als juridisch advies; het zijn slechts aanbevelingen.
Maak de toegankelijkheidsverklaring makkelijk vindbaar op je klantenwebsites, door deze te koppelen aan een zichtbare knop. Je kunt er bovendien een aparte pagina voor maken, of de verklaring toevoegen aan een lightbox die verschijnt wanneer bezoekers op de website belanden.
Toegankelijkheid website testen
Nadat je zoveel tijd en energie hebt gestoken in het maken van een toegankelijke website, wil je natuurlijk weten of je missie is gelukt. Dit kan door de toegankelijkheid van de website te testen met de Toegankelijkheid Wizard van Wix. Je volgt hier een aantal eenvoudige stappen, en voila; je website wordt volledig gescand en gecheckt op toegankelijkheid.
Marijne Verhoef
Marketing Manager