Website-toegankelijkheid heeft betrekking op het toegankelijk maken van websites, apps en andere technologieën voor mensen met verschillende handicaps. Elke website moet toegankelijk zijn voor iedereen, ongeacht of hij een aandoening heeft die van invloed is op de manier waarop hij met een website omgaat of deze gebruikt.
Miljoenen internetgebruikers hebben behoeften die hen de toegang tot of het gebruik van een website kunnen beletten als bij het ontwerp ervan geen rekening is gehouden met hun handicaps of omstandigheden. Dit omvat:
- Visueel: Gedeeltelijk of totaal onvermogen om kleuren te zien of contrasten waar te nemen (bv. kleurenblindheid, blindheid)
- Gehoor: Verminderd of totaal onvermogen om te horen
- Lichamelijk: Moeite om delen van hun lichaam te bewegen of te gebruiken, een muis/toetsenbord te gebruiken, of precieze bewegingen te maken
- Aanvallen: Aandoeningen die aanvallen kunnen veroorzaken, zoals epilepsie of veroorzaakt door knipperende lichten.
- Cognitief: Aandoeningen die het cognitieve vermogen aantasten, zoals dementie en dyslexie
Inhoudsopgave
Website toegankelijkheidsstatistieken 2022
- Tot 10% van de mensen in de VS heeft leesproblemen, waaronder dyslexie
- 35% van de ondernemers in de VS zijn dyslectisch en 20% van de ondernemers in het VK zijn dyslectisch
- 8% van de blanke mannen in de VS heeft een vorm van kleurenblindheid
- 0,5% van de Amerikaanse vrouwen is kleurenblind
- 7% van de volwassenen in de werkende leeftijd heeft ernstige handvaardigheidsproblemen
- Ongeveer 5% van de mensen in de VS, het VK en Canada lijdt aan gehoorproblemen
- Ongeveer 4% van de mensen in de VS, het VK en Canada ziet niet goed genoeg om te lezen.
Hoe maak je je website toegankelijker?
Nu we begrijpen dat toegankelijkheid belangrijk is voor elke website, is het belangrijk dat u weet hoe u uw website toegankelijk maakt. Een van de beste manieren om de toegankelijkheid van uw website te verbeteren is door te kiezen voor een goed CMS zoals WordPress. Natuurlijk hoeft u WordPress niet te gebruiken om dit te bereiken, maar het kan zijn dat u een verwijzing naar WordPress ziet als we door deze toegankelijkheidsgids gaan.
1. Maak uw website toetsenbordvriendelijk
Een toetsenbordvriendelijke website betekent dat u de website kunt openen en door de website en de pagina’s kunt navigeren zonder een muis te gebruiken. De meest gebruikelijke manier om zonder muis door een website te navigeren is met behulp van de Tab-toets op een toetsenbord.
Belangrijke functies zoals pagina’s, links en inhoud moeten toegankelijk zijn via een toetsenbord. Wanneer u uw website ontwerpt, moet u testen of al uw functies toegankelijk zijn met de Tab-toets . De beste manier om dit te doen is uw website te testen zonder gebruik te maken van een muis. Als u bepaalde belangrijke onderdelen van uw website niet kunt bereiken, moeten deze problemen worden aangepakt.
Zoals u op de WebHostingProf website kunt zien, kunt u eenvoudig met uw toetsenbord door de links en formulieren op de website tabben. Best Web Hosting is gemarkeerd met een groene stippellijn die aangeeft dat deze link is geselecteerd met de Tab-toets .
2. Alt-tekst toevoegen aan afbeeldingen
Wanneer u een afbeelding aan uw website toevoegt, kunt u iets toevoegen dat Alt Text (alternatieve tekst) wordt genoemd. De alt-tekst beschrijft wat een afbeelding is en is nuttig als een afbeelding niet laadt.
Alt Tekst wordt ook gebruikt bij toegang door schermlezers; deze technologie leest het beeld voor en biedt context bij een afbeelding voor degenen die deze niet kunnen zien. En ook voor een betere toegankelijkheid,
Alt-tekst
kan helpen de SEO van uw website te verbeteren, omdat het de context van een afbeelding aangeeft aan zoekmachines.
3. Het kiezen van de juiste kleuren
Kleurenblindheid is niet zo simpel als de ene kleur zien als de andere. Mensen met kleurenblindheid zien een heel spectrum van kleuren en nemen die anders waar dan andere mensen met kleurenblindheid. Een website moet het juiste kleurcontrast bieden, zodat iedereen onderscheid kan maken tussen de verschillende kleuren en inhoud op uw pagina’s.
Herinner je je De Jurk? Dit was een mooi voorbeeld van hoe mensen kleuren verschillend zien. Sommige mensen zagen de jurk als blauw, terwijl anderen hem als goud zagen. Verschillende mensen zien kleuren anders, dus het is essentieel dat uw website het juiste kleurenschema gebruikt om te voorkomen dat sommige mensen uw inhoud niet kunnen zien.
Als u niet zeker weet hoe u de juiste kleurencombinaties moet gebruiken, zijn er tal van nuttige hulpmiddelen die u kunt gebruiken, zoals Contrast Checker of WebAIM.
4. Gebruik kopteksten
Om uw inhoud op een toegankelijke manier te structureren, moet u uw kopteksten zorgvuldig gebruiken. In WordPress kunt u eenvoudig inhoud of titels selecteren en koppen H1, H2, H3, H4, H5, en H6 toewijzen.
Duidelijke kopteksten helpen niet alleen alle bezoekers van uw website te begrijpen hoe uw inhoud is gestructureerd, maar schermlezers kunnen uw pagina’s ook veel gemakkelijker interpreteren.
U mag slechts één H1-koptekst per pagina gebruiken, die meestal de paginatitel is. Subkoppen kunnen beginnen bij H2 en waar nodig worden gevolgd door H3, H4, enz. U moet de header-structuur in volgorde volgen, dus H3 zou altijd volgen op een H2, in plaats van een H4, enzovoort.
5. Vorm Ontwerp
Als uw website formulieren bevat, moeten deze zorgvuldig worden ontworpen. Elk formulier moet duidelijk worden gelabeld naast de respectieve velden. Een schermlezer kan het formulier en de relevante velden dan duidelijk interpreteren, zodat het gemakkelijker in te vullen is.
Als uw formulier instructies vereist, moeten deze duidelijk en gemakkelijk te begrijpen zijn. Voor gebruikers die hun website in WordPress maken, kunt u toegankelijke formulieren maken met behulp van een plugin genaamd Caldera Forms Builder. Deze plugin richt zich op toegankelijkheid.
6. Tabellen
Tabellen zijn echt nuttig om grote hoeveelheden gegevens weer te geven. Mensen die gebruik maken van ondersteunende technologie zullen baat hebben bij tabellen indien deze correct worden gebruikt. Het is belangrijk om uw tabellen zo eenvoudig mogelijk te houden, zodat u het doel niet te ingewikkeld maakt en schermlezers niet in verwarring brengt.
Als uw website complexere tabellen vereist, kunt u de handleiding van W3 volgen over het coderen van een tabel volgens de toegankelijkheidsnormen.
7. Schaalbare tekst
Met de meeste apparaten waarmee u een website kunt bezoeken, zoals een smartphone, pc of tablet, kunt u de tekstgrootte aanpassen. Voor mensen met een visuele handicap is dit uiterst nuttig. Als uw website echter niet gebouwd is om deze functie te ondersteunen, zal het voor gebruikers moeilijk worden om met uw website te communiceren.
Wanneer u uw website bouwt, moet u ervoor zorgen dat de schaalbaarheid voor gebruikers is ingeschakeld. Als het is uitgeschakeld, zal het bijna onmogelijk worden voor gebruikers om de grootte van de tekst aan te passen.
Door absolute eenheden zoals gedefinieerde tekstmaten te vermijden, kunt u uw website schaalbaar maken. U kunt dit zelf testen door in uw browser in te zoomen op de site om te controleren of de inhoud goed leesbaar en navigeerbaar is. WebAIM heeft een gids gemaakt die zeer nuttig is voor het bespreken van de lettergrootte voor uw website.
8. Toegankelijke inhoud
De inhoud van uw website is het kernelement van uw site. Wanneer u uw inhoud creëert, moet u toegankelijkheid altijd in uw achterhoofd houden. Als u bijvoorbeeld een acroniem als WWW schrijft, leg dan uit wat dit acroniem eigenlijk is – World Wide Web.
Ankertekst voor interne of externe links moet beschrijvend zijn en ervoor zorgen dat alle beschrijvingen uniek zijn. Als u moeite hebt met dit concept, stel u dan een computer voor die de inhoud van uw website voorleest en bedenk of het zinvol zou zijn voor iemand die het op een basisniveau opneemt.
9. Automatische media
Hoewel dit een persoonlijke frustratie van mij is, is het ook heel slecht in termen van toegankelijkheid. Niets is frustrerender dan een video of muziek die begint te spelen zodra u een website laadt.
Als iemand een schermlezer gebruikt, is het ongelooflijk moeilijk om automatisch afspelende media uit te schakelen. Mensen met zintuiglijke problemen kunnen worden afgeschrikt of zelfs bang worden van het plotselinge lawaai, dus als u media wilt opnemen, moet u de gebruiker om toestemming vragen of hem erop wijzen dat dit gaat gebeuren.
Carrousels en sliders zorgen er ongetwijfeld voor dat een website er mooi uitziet, maar ook hier geldt dat ze frustratie kunnen veroorzaken bij gebruikers met toegankelijkheidsproblemen. Als een schermlezer de inhoud op een slider voorleest en naar de volgende slide gaat, heeft de gebruiker niet veel tijd om de inhoud in zich op te nemen.
Toegankelijkheid van websites is belangrijk
Het komt erop neer dat webtoegankelijkheid belangrijk is voor een succesvolle website, en een website die aan ieders behoeften voldoet. Een website maken die veel mensen kunnen gebruiken is niet alleen goed voor hen, het kan ook in uw voordeel werken in termen van SEO.
Wanneer uw website beter scoort, krijgt u meer verkeer en een toename in conversies. Ja, het kan frustrerend zijn om uw fouten te moeten corrigeren, maar als u uw website kunt optimaliseren voor toegankelijkheid, zult u daar de vruchten van plukken.