In ScrollView

Il testo dovrebbe essere all'interno di una vista scorrevole per garantire che tutti gli elementi siano visibili su schermi di tutte le dimensioni.

Impatto

Le persone più colpite sono quelle che utilizzano Dynamic Type su iOS. Quando Dynamic Type è attivo, le dimensioni del testo possono aumentare e potrebbero spostarsi fuori dallo schermo. Se il testo non è all'interno di una vista di scorrimento, le informazioni non saranno disponibili all'utente finale. Le visualizzazioni a scorrimento sono un ottimo modo per supportare diverse dimensioni dello schermo, garantendo l'accessibilità di tutti i contenuti.

Conferma

1. Se il contenuto della pagina occupa meno di uno schermo, rendi tutto il testo più grande con Dynamic Type:
   • Se si utilizza un simulatore:
     1. Apri l'ispettore di accessibilità
     2. Nell'angolo in alto a sinistra dell'ispettore, cambia il dispositivo dal tuo Mac al simulatore iOS
     3. Selezionare il pulsante "Impostazioni" nell'angolo in alto a destra dell'ispettore
     4. In "Dimensione carattere", sposta il cursore su un'impostazione più grande
   • Se si utilizza un dispositivo iOS 13.0+:
     1. Apri Impostazioni
     2. Seleziona "Accessibilità"
     3. Seleziona "Visualizzazione & Dimensioni testo"
     4. Seleziona "Testo più grande"
     5. Sposta il cursore in fondo alla pagina su un'impostazione più grande
2. Prova a scorrere fino all'elemento di testo
   • Inaccessibile: Non sei riuscito a scorrere fino all'elemento di testo.
   • Accessibile: è stato possibile scorrere fino all'elemento di testo.

Come risolvere

Un problema rilevato da questa regola è causato dal mancato utilizzo di UIScrollView o ScrollView nell'applicazione per gli elementi di testo.

Nota: se il testo fa parte di un elemento bloccato, come UINavigationBar, UITabBar, ecc., è opportuno utilizzare UILargeContentViewer.

UIKit

Aggiungi un UIScrollView come visualizzazione padre degli elementi della schermata. Questo tutorial di Ray Wenderlich offre un'ottima guida.

SwiftUI

Aggiungere testo all'interno di uno ScrollView:

     var body: some View {
        ScrollView {
            VStack  {
                HStack {
                    Text("This text is in a scroll view")
                        .padding()
                }
            }
        }
    }

React Native

Gli elementi di testo devono essere in un elemento ScrollView . L'elemento ScrollView dovrebbe essere all'interno di SafeAreaView per garantire che il contenuto rimanga all'interno dei limiti della finestra durante lo scorrimento.

<SafeAreaView style={{ flex: 1 }}>
   <ScrollView>
     <View>
       <Text> Make sure each screen has a ScrollView! </Text>
     </View>
   </ScrollView>
</SafeAreaView>