Tien tips voor toegankelijke websites
We weten allemaal dat het bouwen van toegankelijke ontwerpen belangrijk is, maar hoeveel van ons houden er echt rekening mee bij het maken van een site? Hier zijn enkele eenvoudige en effectieve stappen om uw site voor iedereen toegankelijk te maken.
Ontdek ontwerpbronnen
1. Valideer uw XHTML en CSS
Het valideren van uw code kan er vaak toe leiden dat u problemen ontdekt die u niet eerder opmerkte. Dingen zoals niet-gesloten en verkeerd getypte tags die er goed uitzien in uw browser, maar die problemen kunnen veroorzaken wanneer ze door anderen worden bekeken. De twee belangrijkste tools die u moet gebruiken, zijn een XHTML-validator en een CSS-validator.
2. Voeg alternatieve tekst toe voor afbeeldingen
Niet iedereen heeft afbeeldingen ingeschakeld in zijn browser en veel mensen gebruiken tekst-naar-spraakprogramma's omdat ze last hebben van zichtproblemen. Het aanbieden van alternatieve tekst voor afbeeldingen via het alt attribuut zorgt ervoor dat afbeeldingen een beschrijving hebben en begrijpelijk zijn voor bezoekers. Het helpt u ook bij uw site wanneer het wordt geïndexeerd door zoekmachines.
3. Zorg ervoor dat uw site zonder JavaScript werkt
Net als bij afbeeldingen bladeren veel mensen met JavaScript uitgeschakeld (bijna 6% op het moment van schrijven). Dit is een vrij hoog aantal en het is de moeite waard om ervoor te zorgen dat uw website correct werkt zonder JavaScript. Als u er te veel op vertrouwt, kunnen bepaalde mensen in uw publiek vervreemden.
4. Gebruik CSS om inhoud en opmaak te scheiden
Als een website die het gebruik van Cascading Style Sheets laat zien en promoot, is het niet verrassend om ze hier genoemd te zien. Het gebruik van CSS houdt uw pagina's schoon van opmaak en zorgt ervoor dat browsers hun eigen regels kunnen toevoegen om pagina's een hoger contrast te geven en gemakkelijker te bekijken.
5. Zorg voor een stijlblad met hoog contrast
Maak een tweede stylesheet voor uw website die de kleur vermindert of verwijdert en alles een hoger contrast geeft. Plaats de link om deze stijl boven aan de pagina te activeren, zodat slechtziende gebruikers kunnen profiteren van de inhoud op uw website.
6. Zorg ervoor dat de linktekst beschrijvend is
In plaats van simpelweg “klik hier” of “lees meer” te schrijven, maak je links meer beschrijvend. We lopen allemaal wel eens in deze val, maar een betekenisvolle schakel is veel gemakkelijker te begrijpen en verbetert de toegankelijkheid.
7. Voeg "Skip to content" links op pagina's toe
In plaats van mensen langs de herhaalde koptekst op elke pagina van uw website te laten scrollen, voegt u een link toe waarmee ze naar de hoofdinhoud lager op de pagina kunnen gaan. Dit bespaart tijd, vooral bij tekst-naar-spraak-browsers die alle informatie op de pagina voorlezen.
8. Zorg ervoor dat elk formulier labeltags heeft
Door de invoer op uw formulieren correct te labelen, kunnen ze door toegankelijke browsers veel gemakkelijker worden geïnterpreteerd en ingevuld.
9. Open geen links in een nieuw venster
Hoewel het verleidelijk is om in een nieuw venster naar andere websites te linken, is het echt een slechte gewoonte. Iedereen weet hoe een 'Terug'-knop moet worden gebruikt, maar wanneer het nodig is om vensters te sluiten en meerdere tegelijk bij te houden, kunnen veel webgebruikers in de war en geïrriteerd raken.
10. Leg een toegankelijkheidsverklaring af
Als u een verklaring op één pagina van uw website heeft, kunnen mensen zien welke toegankelijkheidsfuncties u aanbiedt en wordt uitgelegd hoe ze gemakkelijk op uw site kunnen navigeren. Leg uit hoe u uw stijlblad met hoog contrast kunt inschakelen en waar uw links naar "Skip to content" zijn. Mensen zullen je dankbaar zijn als je het hun duidelijk uitlegt.
