Bij Proper Access beginnen we al onze trainingen voor webdevelopers met iets dat simpel lijkt, maar reuze belangrijk is. Want wat moet je nou absoluut weten over digitale toegankelijkheid? Als ik je als ontwikkelaar een tip mag geven: dat is begrijpen hoe je de toegankelijke naam (accessibility name) van een interactief element gebruikt.
Deze 3 dingen moet je weten:
- Elk interactief element (link, knop, invoerveld, etc.) moet een toegankelijke naam hebben. Die kun je zelf controleren in een browser. In Chrome vind je deze naam in Devtools, onder de tab Accessibility.
- De toegankelijke naam moet de functie van het element beschrijven, bijvoorbeeld “Open menu”. Verandert de functie? Dan moet de naam mee veranderen, bijvoorbeeld naar “Sluit menu”.
- Staat er tekst op het interactieve element? Dan moet de toegankelijke naam hetzelfde zijn als de zichtbare tekst. Anders kun je dit element niet met je stem bedienen. Controleer je website ook op 200% en 400% zoom. Dan verandert de layout en de kans is groot dat je andere knoppen en links in beeld krijgt.
Wil je je team trainen in digitale toegankelijkheid? Ik kan je helpen! Neem contact op om de mogelijkheden te bespreken.