Suporte a Tipo Dinâmico

This page is not available in the language you requested. You have been redirected to the English version of the page.

Link to this page copied to clipboard

Not for use with personal data

note

Esta é uma regra experimental e, portanto, seu(s) resultado(s) são considerados em fase de testes beta. Saiba mais sobre regras experimentais e como você pode ajudar a melhorá-las.

Executar esta regra resultará em tempos de varredura aumentados.

important

Esta regra está sendo lançada para o framework XCUI com a versão v2.6.0. Ela será opcional apenas por um tempo limitado para coletar feedback. Experimente e nos diga o que acha.

Após inicializar o objeto AxeDevTools para começar os testes, escolha participar da regra usando a configuração:

axe.configuration.optInToSupportsDynamicType = true

onde axe se refere ao AxeDevTools objeto inicializado ao fazer login.

Os elementos de texto devem ter as propriedades necessárias para suportar Tipo Dinâmico e redimensionar o texto conforme a preferência do dispositivo do usuário.

Esta regra reforça uma Melhor Prática da Deque. Você pode desativar esta regra no Painel Móvel ou ignorando a regra em testes escritos para iOS.

Saiba como desativar regras no Painel Móvel.

Impacto

Pessoas com baixa visão são mais afetadas por texto que não pode redimensionar. O Tipo Dinâmico é uma tecnologia assistiva que permite ao usuário final mudar o tamanho da fonte em todo o dispositivo para facilitar a leitura.

Confirmação

Navegue até a tela contendo texto e observe o tamanho atual da fonte e seu layout
Amplie o tamanho da fonte alterando a configuração de Tipo Dinâmico:
- Se estiver usando um simulador:
  1. Abra o Inspector de Acessibilidade
  2. No canto superior esquerdo do inspector, altere o dispositivo de seu Mac para o simulador iOS
  3. Selecione o botão "Configurações" no canto superior direito do inspector
  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
Navegue de volta ao seu aplicativo e observe a mesma tela
- Inacessível: O tamanho do texto não mudou após a atualização da configuração de Tipo Dinâmico.
- Acessível: O tamanho do texto mudou.

Como Corrigir

Um problema encontrado por esta regra ocorre quando as visualizações não suportam as configurações de Tipo Dinâmico.

UIKit

Leia mais sobre suporte ao Tipo Dinâmico no UIKit aqui.

SwiftUI

No iOS 14 ou superior, você pode suportar o Tipo Dinâmico:

Ao usar uma fonte personalizada, defina a .font propriedade para .custom(_:size:relativeTo:) para garantir que as fontes serão escaladas relativamente ao estilo de fonte do elemento de texto.
Ao usar uma fonte padrão por tamanho, o texto será escalado automaticamente, no entanto, se nenhum estilo de fonte for definido, os elementos de texto não serão dimensionados de acordo com seu estilo. Por exemplo, o texto que funciona como um título será dimensionado de forma diferente do texto que funciona como corpo - à medida que o texto fica maior, o texto do título sempre será maior que o texto do corpo. Para a melhor experiência, certifique-se de especificar o estilo da fonte para corresponder ao comportamento esperado do elemento. Usando um modificador como: .font(.system(.largeTitle, design: .rounded)), você pode esperar que o texto seja o maior texto na página e sirva como um título adequado.

React Native

Certifique-se de que cada elemento de texto allowFontScaling a propriedade é definida como true para permitir que o texto se ajuste às configurações de dispositivo preferidas pelo usuário.

<Text style={{ color: 'black', fontSize: 18 }} allowFontScaling={true}> This text allows font scaling. </Text>