TOEGANKELIJKHEIDSTESTEN – CHECKLISTS & TOOLS
Het betekent gewoon dat uw product/site toegankelijk moet worden gemaakt voor personen met een handicap, zoals:
![vision_impairment_icon vision_impairment_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/vision_impairment.png)
ZICHTBESLECHTING
![gehoorbeperking_pictogram gehoorbeperking_pictogram](https://www.zucisystems.com/wp-content/uploads/2021/01/hearing_disabilities.png)
GEHOORSCHRIFTEN
![andere_fysieke_icon andere_fysieke_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/other_physical.png)
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
![law_balance_Blue_yellow_image law_balance_Blue_yellow_image](https://www.zucisystems.com/wp-content/uploads/2021/01/law.png)
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.
![toegankelijkheid_an_uncharted_economy_icon toegankelijkheid_an_uncharted_economy_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/accessibility_an_uncharted_economy.png)
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:
![web_content_accessibility-blue_icon web_content_accessibility-blue_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/web_content_accessibility.png)
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_blue_icon BD-8878_2010_blue_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/BD-8878_2010.png)
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
![section_508_blue_golden_icon section_508_blue_golden_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/section_508.png)
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_mobile_online_tools_icon desktop_mobile_online_tools_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/desktop_mobile_online_tools.png)
Desktop/mobiele online tools
![keybaord_navigation_icon keybaord_navigation_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/keybaord_navigation.png)
Toetsenbordnavigatie
![screen_reader_icon screen_reader_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/screen_reader.png)
Schermlezer
![color_contrast_tools_icon color_contrast_tools_icon](https://www.zucisystems.com/wp-content/uploads/2021/01/color_contrast_tools.png)
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 |