Stembesturing

Stembesturing is de klasse hulptechnologie waarmee gebruikers een computer via gesproken opdrachten kunnen bedienen. De belangrijkste systemen zijn Dragon NaturallySpeaking (Windows, de langdurige marktleider), macOS Voice Control en iOS Voice Control (Apple’s ingebouwde, gratis bij het besturingssysteem), Windows Speech Recognition (Microsoft’s ingebouwde) en Google Voice Access (Android).

Stembesturing dient gebruikers met motorische beperkingen die het gebruik van toetsenbord, muis of aanraakscherm moeilijk of onmogelijk maken — RSI, artritis, tremor, verlamming op verschillende niveaus. Het wordt ook veel gebruikt in workflows ter verhoging van de efficiëntie (juristen en artsen die notities dicteren) waarbij de gebruiker geen gedocumenteerde beperking heeft maar profiteert van handsfree bediening.

Hoe stembesturing opdrachten verwerkt

Een stembesturingssysteem luistert naar twee soorten opdrachten:

1. Dictaat — de gebruiker spreekt tekst in die in een gefocust veld moet worden ingevoerd. Het systeem transcribeert de spraak.
2. Opdrachten — de gebruiker noemt een actie of een bedienings­element. Het systeem koppelt de gesproken zin aan een register van beschikbare opdrachten en toegankelijke namen van schermelementen.

De tweede soort is waar webtoegang­kelijkheid op aansluit: wanneer de gebruiker zegt “Klik op Verzenden”, zoekt de stembesturings­software naar een element met de toegankelijke naam “Verzenden” (of een nauwe overeenkomst) en stuurt een klikevenement. Als uw Verzenden-knop geen toegankelijke naam heeft — omdat het een niet-gelabelde <button> is, een aangepaste <div>, of een knop met alleen een pictogram­label — kan de stembesturingsgebruiker hem niet bedienen.

Wat dit betekent voor webontwikkelaars

De enige belangrijkste regel voor stembesturings­toegankelijkheid:

Elk interactief element moet een op tekst gebaseerde toegankelijke naam hebben die overeenkomt met het zichtbare label.

In de praktijk:

• Knoppen hebben zichtbare tekst nodig. <button>Verzenden</button> werkt. Knoppen met alleen pictogrammen hebben een aria-label nodig die overeenkomt met wat de gebruiker waarschijnlijk zal zeggen — aria-label="Zoeken" in plaats van aria-label="Vergrootglas".
• Zichtbaar label en toegankelijke naam moeten overeenkomen. Als de zichtbare tekst van een knop “Verzenden” is maar de aria-label “Formulier versturen”, vindt stembesturing het mogelijk niet wanneer de gebruiker “Klik op Verzenden” zegt. WCAG 2.5.3 Label in Name (niveau A) vereist dat de toegankelijke naam de zichtbare label­tekst bevat.
• Aangepaste bedieningselementen tonen hun rol + naam. Een <div role="button" aria-label="Verzenden"> werkt. Een <div onclick> zonder rol of naam niet.
• Geen fantoom­bedieningselementen. Stembesturingoverlay’s (genummerde overlays die elk fokusbaar element tonen met een nummer om het op te roepen) werken beter wanneer het aantal fokusbare elementen beheersbaar is. Verborgen maar nog-steeds-fokusbare elementen vervuilen de overlay.

Waar stembesturing overlapt met schermlezer­toegankelijkheid

Dezelfde toegankelijke-naam en semantisch-HTML-discipline die een site schermlezer­toegankelijk maakt, maakt hem ook toegankelijk voor stembesturing. Beide technologieën werken via de toegankelijkheids­boom en zijn afhankelijk van toegankelijke namen die aanwezig en correct zijn.

De belangrijkste uitzondering: stembesturing heeft geen ARIA-live-regio’s nodig (het is geen schermlezer), maar heeft wel genummerde overlays nodig om bedieningselementen zonder tekstlabels bloot te leggen — wat de reden is waarom tekstlabels onevenredig belangrijk zijn voor stemgebruikers.

Wat specifiek fout gaat bij stembesturing

• Zichtbare pictogram-only labels. Een hartknop (favoriet) zonder zichtbare tekst. De gebruiker zegt “Klik op favoriet”, maar de toegankelijke naam is “Opslaan” of ontbreekt volledig. Mismatch.
• Twee bedieningselementen met dezelfde toegankelijke naam. Twee “Lees meer”-koppelingen op de pagina. De gebruiker zegt “Klik op Lees meer”; het stembesturingssysteem toont een genummerd ondubbelzinnig­makingsoverlay. Dit is niet kapot, alleen traag.
• Niet-overeenkomende gelokaliseerde labels. Gesproken in het Nederlands, maar de pagina is in het Engels. De stembesturing van de gebruiker moet de juiste taal herkennen voor de naam van het element. Het correct instellen van lang op de HTML helpt.

De snelste handmatige audit: schakel macOS Voice Control of Windows Speech Recognition in en probeer uw site via spraak te gebruiken. De niet-bedienbare bedieningselementen worden binnen vijf minuten duidelijk.