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. Vai a una nuova schermata nell'app
2. Si verificherà una delle seguenti situazioni:
   • Inaccessibile: VoiceOver non annuncerà un titolo sullo schermo
   • Accessibile: VoiceOver annuncerà il titolo dello schermo

Come risolvere

Questo problema si verifica quando a una schermata non viene assegnato un titolo.

UIKit

Nel codice:

Individua il ViewController che non rispetta la regola e imposta la proprietà title del Navigation Controller.

navigationController?.title = "Screen Title Here"

In alternativa, è possibile impostare direttamente la proprietà title sul ViewController.

title = "Screen Title Here"

SwiftUI

Aggiungere un modificatore di visualizzazione .navigationTitle alla fine dell'ultimo elemento all'interno della proprietà body della visualizzazione.

 var body: some View {
        VStack {
            Text("Below is a stepper in SwiftUI")
            StepperView()
        }.navigationTitle("Screen Title")
    }

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.