Na ScrollView

O texto deve estar dentro de uma vista rolável para garantir que todos os elementos sejam visíveis em todos os tamanhos de tela.

Impacto

As pessoas que utilizam o Dynamic Type no iOS são as mais impactadas. Quando o Dynamic Type está ativado, os tamanhos de texto podem ser aumentados e podem se deslocar para fora da tela. Se o texto não estiver dentro de uma vista rolável, as informações não estarão disponíveis para o usuário final. As vistas roláveis são uma ótima maneira de suportar vários tamanhos de tela, garantindo que todo o conteúdo seja acessível.

Confirmação

1. Se o conteúdo na página ocupar menos de uma tela, torne todo o texto maior com o Dynamic Type:
   • Se estiver usando um simulador:
     1. Abra o Inspetor de Acessibilidade
     2. No canto superior esquerdo do inspetor, altere o dispositivo do seu Mac para o simulador iOS
     3. Selecione o botão "Configurações" no canto superior direito do inspetor
     4. Em "Tamanho da Fonte", mova o controle deslizante para uma configuração maior
   • Se estiver usando um dispositivo iOS 13.0+:
     1. Abra as Configurações
     2. Selecione "Acessibilidade"
     3. Selecione "Tela e Tamanho do Texto"
     4. Selecione "Texto Maior"
     5. Mova o controle deslizante na parte inferior da página para uma configuração maior
2. Tente rolar até o elemento de texto
   • Inacessível: Você não conseguiu rolar até o elemento de texto.
   • Acessível: Você conseguiu rolar até o elemento de texto.

Como corrigir

Um problema encontrado por esta regra é causado por não usar um UIScrollView ou ScrollView em sua aplicação para os elementos de texto.

Nota: Se o texto for parte de um elemento fixo, como UINavigationBar, UITabBar, etc, o UILargeContentViewer deve ser usado em vez disso.

UIKit

Adicione um UIScrollView como a vista principal dos elementos da sua tela. Este tutorial de Ray Wenderlich oferece um ótimo guia.

SwiftUI

Adicionando texto dentro de uma ScrollView:

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

React Native

Os elementos de texto devem estar em um ScrollView elemento. O ScrollView elemento deve estar dentro de um SafeAreaView para garantir que o conteúdo permaneça dentro dos limites da janela ao rolar.

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