Spreek scherm uit
Spraakinstellingen helpen als de gebruiker niet in staat is om naar het scherm te kijken. Ze zijn noodzakelijk voor blinden en slechtzienden. Maar ook mensen met autisme of focus- en concentratieproblemen gebruiken deze functie: deze gebruikers hebben vaak moeite met het lezen van geschreven tekst. De functie om de hele inhoud van het scherm te laten uitspreken zorgt ervoor dat alle content op het scherm kan worden voorgelezen.
De toegankelijkheidssetting om de inhoud van het hele scherm te laten voorlezen, is alleen aanwezig op iPhones. Deze instelling werkt door met twee vingers naar beneden te vegen. Android kent geen vergelijkbare feature.
Op basis van ons onderzoek is de schatting dat ongeveer 200.000 Nederlanders deze functie hebben ingeschakeld op hun iOS-telefoon. NB. Nog meer mensen laten geselecteerde tekst voorlezen op hun iPhone.
2,31%
laat de inhoud van het scherm uitspreken op iOS.
De scherm uitspreken functie is niet beschikbaar op Android.
VoiceOver
De inhoud van het scherm laten uitspreken is overigens niet hetzelfde als VoiceOver. Uit onze resultaten komt geen significant gebruik van voice-over naar voren. Maar om VoiceOver, speak screen en speak selection goed te laten werken voor een gebruiker moet alle niet-tekstuele inhoud een tekstalternatief hebben dat hetzelfde doel dient.
Ondersteuning in apps
Niet-tekstuele inhoud zoals knoppen en afbeeldingen dienen te zijn voorzien van een label. Hieronder vind je een aantal codevoorbeelden voor de meest gebruikte platformen en frameworks.
Op Android kun je gebruik maken van de contentDescription eigenschap om een toegankelijkheidslabel in te stellen.
Je kunt ook gebruik maken van diverse soorten Span voor meer controle over de uitspraak. Je kunt bijvoorbeeld een taal instellen met een LocaleSpan.
Daarnaast kun je labels aan elementen koppelen via de labelFor eigenschap.
// Set accessibility label
element.contentDescription = "Appt"
// Set accessibility label in Dutch language
val locale = Locale.forLanguageTag("nl-NL")
val localeSpan = LocaleSpan(locale)
val string = SpannableString("Appt")
string.setSpan(localeSpan, 0, string.length, Spanned.SPAN_INCLUSIVE_INCLUSIVE)
element.contentDescription = localeSpan
// Link visual label to field
textView.setLabelFor(R.id.editText)WCAG-richtlijn
Dit hoort bij het volgende succescriterium van de WCAG: