TOEGANKELIJKHEIDSTESTEN – CHECKLISTS & TOOLS

books_image

Laura Kalbag, auteur van

Toegankelijkheid voor iedereen, definieert
Toegankelijkheid als ‘de mate waarin a
website is voor zoveel mogelijk mensen toegankelijk
als mogelijk.’

Het betekent gewoon dat uw product/site toegankelijk moet worden gemaakt voor personen met een handicap, zoals:
vision_impairment_icon
ZICHTBESLECHTING
gehoorbeperking_pictogram
GEHOORSCHRIFTEN
andere_fysieke_icon

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

19,9 MILJOEN

Amerikanen hebben een lichamelijke beperking die het gebruik van een toetsenbord of muis beperkt.

8.1 MILJOEN

Amerikanen hebben een visuele beperking of hebben een vorm van kleurenblindheid waardoor ze schermlezers moeten gebruiken

7,6 MILJOEN

Amerikanen hebben een visuele beperking of hebben een vorm van kleurenblindheid waardoor ze schermlezers moeten gebruiken.

80 MILJOEN

mensen in de Europese Unie hebben tot op zekere hoogte een handicap.

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

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

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

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 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

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/mobiele online tools

keybaord_navigation_icon

Toetsenbordnavigatie

screen_reader_icon

Schermlezer

color_contrast_tools_icon

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.

  • Zorg ervoor dat standaardtekst een kleurcontrastverhouding van 4,5:1 heeft.
  • Zorg ervoor dat grote tekst een kleurcontrastverhouding van 3:1 heeft volgens WCAG 2.1 AA.

Opmerking

  • Normale tekst: tekst< 18 punten normaal of< 14 punten vet
  • Grote tekst: tekst> 18 punten normaal of> 14 punten vet
Formulieren Toetsenbordnavigatie Zorg ervoor dat de sneltoets/toetsenbord de inhoud en functionaliteit van de webpagina niet verstoort en dat de toetsenbordfocus altijd zichtbaar is.

  • Zorg ervoor dat de tabvolgorde van de formulieren logisch en zoals verwacht is.
  • Zorg ervoor dat alle interactieve elementen (vervolgkeuzemenu’s, tabbladen, enz.) alleen toegankelijk zijn via het toetsenbord
  • Zorg ervoor dat de ARIA 1.1 Authoring Practices worden gevolgd voor alle toetsenbordinteracties.
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

  • Zorg ervoor dat alle afbeeldingen (decoratief/zinvol) alt/beschrijvende alt-tekst hebben
  • Zorg ervoor dat video’s ondertiteling weergeven of een optie hebben om ondertiteling weer te geven. (Controleer voor eventuele audio-opnamen of er een teksttranscriptie is.)
  • Zorg ervoor dat alle bedieningselementen correct zijn gelabeld
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