TOEGANKELIJKHEIDSTESTEN – CHECKLISTS & TOOLS
Het betekent gewoon dat uw product/site toegankelijk moet worden gemaakt voor personen met een handicap, zoals:
ZICHTBESLECHTING
GEHOORSCHRIFTEN
ANDERE FYSIEKE OF
COGNITIEVE OMSTANDIGHEDEN
Toegankelijkheidstests worden uitgevoerd om ervoor te zorgen dat uw product voldoet aan de behoeften van alle soorten gebruikers, en
strenge wetten over de hele wereld hebben ook naleving van toegankelijkheid tot een verplicht proces gemaakt.
Deze infographics leidt u door het aantal actiepunten dat moet worden
behandeld in een toegankelijkheidstest. Voordat we beginnen met de checklist,
hier zijn enkele van de toegankelijkheidsgerelateerde statistieken om te onthouden.
STATS OM TE GEVEN
RECHTSZAKEN DIE FIETSBOETEN OPLEIDDEN VOOR
NIET-NALEVING VAN TOEGANKELIJKHEID
- Rechtszaak aangespannen tegen Domino’s Pizza wegens ontoegankelijkheid van online bestelsysteem voor slechtzienden
- Netflix en dovenrechtengroep schikken over video-onderschriften
- Beyoncé aangeklaagd omdat haar website de Americans With Disabilities Act (ADA) schendt
De bevolking en het inkomen van de personen met een handicap (PWD) zijn weergegeven in onderstaande tabel:
GLOBAAL | VS | CANADA | EU 6 | AZI 6 | |
---|---|---|---|---|---|
PWD POPULATIE | 1.131B | 56,7 mm | 6,2 mm | 91,0 mm | 748,0 mm |
PWD INKOMEN 6 | >$ 1,97T | $ 872,7 | $ 113,3 miljard | $983.9B | NA |
PWD WEGWERP 6 | >1.2T | $645.3B | $ 55,4 miljard | $ 482.1B | NA |
BEREIKBAARHEID, EEN ONGETROKKEN ECONOMIE
Gezien de huidige staat van toegankelijkheid, blijft het nog steeds een van de laatste dingen waarmee rekening moet worden gehouden als het gaat om productontwerp en -ontwikkeling. De belangrijkste reden voor deze behandeling komt neer op onwetendheid en angst voor extra kosten en tijd die gemoeid zijn met toegankelijkheidstests.
Laten we, om alle gebruikers een vlekkeloze ervaring te bieden, de verschillende technieken begrijpen die gebruikers helpen toegang te krijgen tot webinhoud, richtlijnen die door de bedrijven moeten worden gevolgd en checklists om in gedachten te houden voor toegankelijkheidstests.
QA CHECKLIST VOOR TOEGANKELIJKHEIDSTESTEN
Belangrijke en wereldwijd erkende toegankelijkheidsrichtlijnen die moeten worden gevolgd, zijn:
Richtlijnen voor toegankelijkheid van webinhoud (WCAG) . De huidige stabiele en referentieversie van WCAG is 2.0 en WCAG 2.1
- 4 leidende principes van WCAG zijn:
- waarneembaar
- bedienbaar
- Begrijpelijk
- Robuust
- Drie niveaus van conformiteit zijn: A, AA, AAA
BD 8878:2010 schetst de beslissingen die moeten worden genomen bij het ontwerpen of in gebruik nemen van webgebaseerde producten die zijn vrijgegeven door de Britse overheid
Sectie 508 door de Amerikaanse regering.
Alle websites die worden ontworpen, moeten om één belangrijke reden de richtlijnen voor toegankelijkheidstests volgen:
de Amerikaanse Disability Act (ADA).
Testen kan worden uitgevoerd met behulp van,
Desktop/mobiele online tools
Toetsenbordnavigatie
Schermlezer
Hulpmiddelen voor kleurcontrast
TESTEN | HULPMIDDELEN | WERKWIJZE |
---|---|---|
kleuren | Hulpmiddelen voor kleurcontrast | Hoog contrast : Activeer hoog contrast in Windows, controleer of alle tekst reageert op kleurveranderingen en of er geen kritische informatie verdwijnt. Contrastverhouding : gebruik de kleurcontrastanalysator om de contrastverhouding per pagina te berekenen.
Opmerking
|
Formulieren | Toetsenbordnavigatie | Zorg ervoor dat de sneltoets/toetsenbord de inhoud en functionaliteit van de webpagina niet verstoort en dat de toetsenbordfocus altijd zichtbaar is.
|
Tabbladen | Gebruik de Tab-toets om door alle links en formuliervelden te bladeren. Bevestig dat de tabvelden logisch en zoals verwacht zijn | |
Dialoogvenster en pop-ups | Toetsenbordnavigatie | Zorg ervoor dat alle dialoogvensters en pop-ups kunnen worden gesloten met het toetsenbord en dat de focus wordt behouden op het element dat het dialoogvenster/pop-ups heeft geactiveerd. |
multimedia | Toetsenbordnavigatie en schermlezer | Zorg ervoor dat alle multimedia, dat wil zeggen audio, video, afbeeldingen, geanimeerde carrousels en navigatielinks overslaan, kunnen worden doorzocht en beheerd met toetsenborden en schermlezers
|
Koppen | Schermlezer | Zorg ervoor dat gebruikers door pagina’s kunnen navigeren met behulp van koppen. Zorg ervoor dat de koppen logisch en gestructureerd zijn en de betekenis van de inhoud op de pagina weergeven Zorg ervoor dat er slechts één H1-tag op de pagina staat |
DESKTOP/MOBIEL | HULPMIDDELEN | COMPATIBILITEIT |
---|---|---|
Bureaublad | Kleurcontrastanalysator | Alle browsertypen |
WAVE (evaluatietool voor webtoegankelijkheid) | Chrome en Firefox (browserextensie) | |
Deque-tools: AX Plugin | Alle browsertypes en extensies beschikbaar in Chrome en Firefox | |
WAT (Werkbalk voor webtoegankelijkheid) | IE en Opera-browser (Browser-extensie) | |
FireEyes-plug-in | Firefox | |
Scherm opnemer | JAWS | D.W.Z |
NVDA | Firefox | |
Voice over | Safari | |
Praat terug | chroom | |
Mobiel | Toegankelijkheidscontrole voor mobiel internet | Mobiel internet – alleen iOS |
Toegankelijkheidsscanner | Android | |
Toegankelijkheidsinspecteur | iOS |