Accessibility tools voor niet-techneuten
Laatst bijgewerkt: 23 augustus 2024
Een overzicht van tools waarmee je zelf de toegankelijkheid van je content kan controleren. De eenvoudigste of meest gebruikte staat meestal als eerste genoemd. Installeer per onderwerp één tool; niet allemaal.
Automatische toegankelijkheidscontrole
- Axe browser plug-in van Deque Systems.
- WAVE Web Accessibility Evaluation Tool van WEBaim
Toetsenbordbediening
Tools om de focusvolgorde te tonen.
- taba11y (alleen voor Chrome!)
- Accessibility Insights for Web voor Edge
Toetsenbordbediening test je... met het toetsenbord:
- Is er een skiplink?
- Kan je altijd zien waar je bent?
- Kan je elke interactief element bereiken?
- Kan je elke interactief element bedienen?
- Kom je nooit in een situatie waarbij je vast komt te zitten?
- Is er een logische focusvolgorde?
Gebruik Tab en Shift+Tab om te navigeren door links, knoppen, invoervelden en andere elementen die bedienbaar zijn.
Gebruik de spatiebalk of Enter om knoppen te activeren of Enter om een link te volgen.
Gebruik de pijltjestoetsen om te navigeren door een groep keuzerondjes (radioknoppen), een selectieknop of een kalendertje. In sommige websites gebruik je de pijltoetsen om door menu's, tabs en uitvouwbare teksten (accordions) te navigeren. Met de pijltoets kan je ook door pagina's scrollen.
Gebruik Esc om geopende uitgeklapte selectievelden en soms popup windows en geopende menu's te sluiten.
Gebruik van koppen
Tools om de koppenstructuur te tonen:
Contrast
- Colour Contrast Analyzer is een applicatie die je op je computer moet installeren. Colour Contrast Analyzer van The Paciello Group is beschikbaar voor Mac en Windows.
- Contrast Checker (online tool, werkt het beste in Chrome)
Afwijkende kleurenmeting in Chrome?
Chrome heeft een instelling die de kleuren onder bepaalde omstandigheden op een andere wijze toont.
- Type in de adresbalk: chrome://flags
- Zoek in het flags zoekveld: color
- Zet "Force color profile" niet op Standaard (Default) maar op "sRGB"
- Herstart nu Chrome via de knop onderaan "Opnieuw starten" (Relaunch)
Gebruik van kleur
- Color Blindness Simulator Online tool waar je een afbeelding of screenshot kunt uploaden.
- Er zijn apps voor mobiel waarmee je diverse kleurenblinheid kunt emuleren.
Screenreader
- NVDA (NonVisual Desktop Access) werkt alleen voor Windows. Open source en gratis.
- JAWS (Job Access With Speech) is een commercieel product. Niet vrij te gebruiken, ook niet voor voor demo's, presentaties en test.
- VoiceOver zit standaard op Mac, iPad and iPhone.
- Talkback zit standaard op Android.
- Verteller (Narrator) zit standaard in Windows, maar bevat nog niet de uitgebreide functionaliteit van andere screenreaders.
Tekst vergroten
Deze functionaliteit zit standaard bij de instellingen van elk apparaat.
- iOS Zoom
- Android Zoom
- Browser Zoom
- ZoomText
Web developers toolbar
Dit is een browserplugin (Chrome, Firefox) met veel handige tools als view alt-texts of images, outline headings, resize Window.
Vermijd Accessible Overlays
Op Linkedin benaderen onbekenden mensen die betrokken zijn bij websites. "Graag zou ik met je willen praten over mijn bevindingen over de toegankelijkheid van jullie website.". Zij komen aan met een waslijst aan "problemen" terwijl deze helemaal niet bestaan. Trap hier niet in!!!
Er bestaan geen tools die automatisch websites toegankelijk maken. Vrijwelaltijd wordt de ervaring voor mensen met hulpsoftware minder bij dit soort tools.
Voorbeelden van tools waarmee jouw website afgekeurd wordt bij een audit: Eye-able, AccessiBe, A11y.app, Pojo and Userways.
Enkele bronnen:
- overlayfactsheet.com
- Honor the ADA: Avoid Web Accessibility Quick-Fix Overlays
- #accessiBe will get you sued
- Accessibility Overlays
ReadSpeaker and BrowseAloud
Advies gebruik alleen de meest basale functie van deze tools, namelijk voorlezen van tekst en stoppen met voorlezen.