Schermtitel
Elke scherm binnen een applicatie moet een titel bevatten die kan worden aangekondigd door ondersteunende technologie.
Impact
Schermtitels stellen gebruikers met visuele, cognitieve en motorische beperkingen en beperkte kortetermijngeheugen in staat om te bepalen waar ze zich in de applicatie bevinden, inhoud op een scherm te identificeren aan de hand van de titel en tussen schermen te navigeren in gevallen waar de gebruiksmodus van de gebruiker afhankelijk is van audio.
Bevestiging
- Zet TalkBack aan
- Open de applicatie
- Een van de volgende dingen zal gebeuren:
- Niet toegankelijk: TalkBack kondigt alleen de naam van de applicatie aan.
- Toegankelijk: TalkBack kondigt de titel van het scherm aan in plaats van de naam van de applicatie.
Hoe op te lossen
Native Android
Stel de titel van het scherm in binnen de Activity.
Activity.this.setTitle(...);React Native
Zorg ervoor dat elke Stack.Screen component een beschrijvende naam heeft. Voeg indien nodig options={{title: 'New Screen Title'}} toe om een betere schermtitel te definiëren.
<Stack.Screen
name="ScreenTitleExample"
component={ScreenTitleExample}
options={{title: 'Screen Title'}}
/>Aangepaste Navigatiebalken
Wat we hebben gevonden in applicaties gebouwd met React Native is dat voor een werkelijk toegankelijke ervaring, de navigatieheader moet worden ingesteld met <Stack.Navigator> met opties voor titel. Een aangepaste navigatiebalk kan niet programmeerbaar worden gecodeerd om aan te geven dat het een correct navigatie-element is en niet zomaar een gewone weergave. Dit beïnvloedt hoe ondersteunende technologie het element aankondigt en ermee omgaat. Merk op dat het instellen van een header-attribuut, zoals vaak wordt aanbevolen, niet voldoet aan de criteria voor Schermtitel.