Titolo schermata

Ogni schermata di un'applicazione dovrebbe fornire un titolo che verrà annunciato dalla tecnologia assistiva.

Impatto

I titoli delle schermate consentono agli utenti con disabilità visive, cognitive e motorie e con una memoria a breve termine limitata di determinare la loro posizione nell'applicazione, identificare il contenuto di una schermata in base al titolo e navigare tra le schermate nei casi in cui la modalità operativa di un utente dipende dall'audio.

Conferma

1. Attiva TalkBack
2. Aprire l'applicazione
3. Si verificherà una delle seguenti situazioni:
   • Inaccessibile: TalkBack pronuncia solo il nome dell'applicazione.
   • Accessibile: TalkBack pronuncia il titolo della schermata anziché il nome dell'applicazione.

Come risolvere

Android nativo

Definisci il titolo della schermata all'interno di Activity.

Activity.this.setTitle(...);

React Native

Assicurati che ogni Stack.Screen componente abbia un nome descrittivo. Se necessario, aggiungi options={{title: 'New Screen Title'}} per definire un titolo di schermata migliore.

<Stack.Screen
    name="ScreenTitleExample"
    component={ScreenTitleExample}
    options={{title: 'Screen Title'}}
/>

Barre di navigazione personalizzate

Ciò che abbiamo scoperto nelle applicazioni create con React Native è che, per un'esperienza realmente accessibile, l'intestazione di navigazione deve essere impostata con <Stack.Navigator> le opzioni del titolo. Una barra di navigazione personalizzata non può essere codificata a livello di programmazione per indicare che si tratta di un elemento di navigazione vero e proprio e non di una semplice visualizzazione. Ciò modifica il modo in cui la tecnologia assistiva annuncia e interagisce con l'elemento. Si noti che l'impostazione di un attributo di intestazione, come spesso consigliato, non soddisfa i criteri per il Titolo dello schermo.