Visões Colidentes

Aprenda como estamos usando inteligência artificial para esta regra!

As visões contendo informações não devem se intersectar com outra visão, seja total ou parcialmente.

Esta regra aplica uma prática recomendada estabelecida pelas Diretrizes de Interface Humana da Apple. Você pode desativar esta regra no Painel de Controle Móvel ou ignorando a regra em testes escritos para iOS.

Saiba como desativar regras no Painel de Controle Móvel.

Impacto

Visões colidentes afetam pessoas com visão e podem impactar pessoas que utilizam tipografia dinâmica. As configurações de Tipo Dinâmico podem ajustar automaticamente os tamanhos dos elementos de texto. Uma fonte maior pode tornar as visões maiores, potencialmente causando sobreposição. Elementos de texto sobrepostos podem resultar em informações perdidas ou ilegíveis apresentadas ao usuário final.

Confirmação

1. Observe os limites de cada visão informativa
2. Você encontrará um dos seguintes:
   • Inacessível: Os limites de uma visão interseccionam com outra visão.
   • Acessível: Nenhuma visão informativa possui limites sobrepostos.
3. Se houver elementos de texto, tente tamanhos maiores de Tipo Dinâmico e repita este processo para garantir que essas visões não se intersectem com outras visões ao se tornarem maiores

Como Corrigir

UIKit

Restrições inadequadas podem causar um problema encontrado por esta regra. Embora cada situação seja diferente, certifique-se de que as restrições da visão ofereçam espaço adequado entre elementos informativos. Se não existir uma restrição entre duas visões informativas vizinhas, pode ser necessário adicionar uma para garantir que elas não se sobreponham quando o Tipo Dinâmico for atualizado para uma configuração maior.

SwiftUI

Visões sobrepostas causam um problema encontrado por esta regra. Embora cada situação seja ligeiramente diferente, certifique-se de que cada visão tenha modificadores de visão adequados para limitar a sobreposição dos limites. Recomenda-se usar as visões HStack e VStack como pais. ZStack é outra opção, mas não deve ser usado para visões que contenham elementos de texto.

React Native

Visões sobrepostas causam um problema encontrado por esta regra. Embora cada situação seja ligeiramente diferente, certifique-se de que:

• Visões com texto, ou visões com conteúdo escalável, não tenham um conjunto de maxHeight definidos
• Ao usar layout flex, considere adicionar um valor para a propriedade gap para aumentar a legibilidade