Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Waarom moet de zichtbare beschrijving in de onderliggende naam voorkomen?
De zichtbare beschrijving van een bedieningspunt moet in zijn onderliggende, machinegebruikbare naam voorkomen, omdat stembesturings-gebruikers spreken wat zij zien: wie „Klik op Verzenden” zegt, bereikt de knop alleen wanneer diens onderliggende naam het woord „Verzenden” bevat. Wijkt de onzichtbare naam af, dan loopt het stemcommando ins lege. Dit is precies wat WCAG-criterium 2.5.3 "Beschrijving in naam" voorkomt.
Zichtbare tekst en onderliggende naam kunnen uiteenvallen
Elk bedieningspunt voert naast de zichtbare tekst een machinegebruikbare naam, die schermleezer-programma's en stembesturing gebruiken. Normaliter zijn beide identiek. Zij vallen uit elkaar wanneer coders de naam in de broncode doelgericht overschrijven — vaak in goed voornemen, om schermleezer-programma's meer context te geven. Voorbeeld: de knop toont „Offerte aanvragen”, de onderliggende naam luidt „Contactformulier openen”. Een stembesturing-gebruiker zegt „Klik op Offerte aanvragen” — en niets gebeurt, want een element van deze naam bestaat voor de software niet. De regel is eenvoudig: de onderliggende naam mag aanvullen, maar moet de zichtbare lettergreep bevatten, bij voorkeur aan de eerste plaats.
Zo controleert de controledienst de beschrijving in de naam
De meting zoekt alle links en knoppen waarvan de naam in de broncode is overschreven, en vergelijkt de zichtbare tekst met de onderliggende naam. Ontbreekt de zichtbare lettergreep in de naam volledig, dan is het criterium geschonden — het rapport noemt het element en beide teksten. Grensgevallen behandelt de meting voorzichtig: staan de eerste woorden van de beschrijving in de naam, wijkt alleen de verdere lettergreep af, dan vermeldt het rapport een handmatig controlegebied in plaats van een schending. Zeer korte zichtbare teksten die als symbool werken — bijvoorbeeld een „X” om te sluiten —, zijn volgens criterium vrijgesteld en worden niet verweten.
Beispiele
Hinterlegter Name ohne die sichtbare Beschriftung
<button aria-label="Absenden">Anfrage schicken</button><button>Anfrage schicken</button>
<!-- oder: aria-label="Anfrage schicken an den Vertrieb" -->Sprachsteuerung sagt „Klicke Anfrage schicken“. Der zugängliche Name muss den sichtbaren Text enthalten, am besten am Anfang.
- Vraag uw bureau alle overschreven namen in de broncode op te sommen en met de zichtbare beschrijvingen af te stemmen.
- Plaats de zichtbare lettergreep aan het begin van de onderliggende naam; aanvullingen volgen darachter.
- Wees voorzichtig met overschreven namen waar de zichtbare tekst al alles zegt — geen naam is beter dan een afwijkend.
- Test steekproefgewijs met de stembesturing van uw telefoon: zeg de zichtbare tekst van een knop en controleer of zij reageer.