Vistas en colisión

Aprenda cómo estamos utilizando la inteligencia artificial para esta regla.

Las vistas que contienen información no deben intersecarse con otra vista, ni total ni parcialmente.

Esta regla aplica una práctica recomendada establecida por las Pautas de interfaz humana de Apple. Puede desactivar esta regla desde el Panel móvil o ignorando la regla en las pruebas escritas para iOS.

Aprenda cómo desactivar las reglas desde el Panel móvil.

Impacto

Las vistas en colisión afectan a las personas con problemas de visión y pueden afectar a las personas que utilizan tipografía dinámica. La configuración de tipo dinámico puede ajustar automáticamente los tamaños de los elementos de texto. Una fuente más grande puede hacer que las vistas sean más grandes, lo que potencialmente puede causar superposición. Los elementos de texto superpuestos pueden provocar que la información presentada al usuario final pase desapercibida o no sea legible.

Confirmación

1. Observa los límites de cada vista informativa
2. Encontrará uno de los siguientes:
   • Inaccesible: los límites de una vista se intersecan con los de otra vista.
   • Accesible: Ninguna vista informativa tiene límites superpuestos.
3. Si hay elementos de texto, pruebe tamaños de Dynamic Type más grandes y repita este proceso para asegurarse de que estas vistas no se crucen con otras vistas al hacerse más grandes.

Cómo solucionarlo

UIKit

Las restricciones inadecuadas pueden provocar un problema detectado por esta regla. Si bien cada situación será diferente, asegúrese de que las restricciones de la vista proporcionen espacio adecuado entre los elementos informativos. Si no existe una restricción entre dos vistas informativas vecinas, es posible que deba agregar una para garantizar que no se superpongan cuando el Tipo dinámico se actualice a una configuración más grande.

SwiftUI

Las vistas superpuestas provocan un problema detectado por esta regla. Si bien cada situación será ligeramente diferente, asegúrese de que cada vista tenga los modificadores de la vista adecuados para limitar la superposición de los límites. Se recomienda utilizar las vistas HStack y VStack como padres. ZStack es otra opción, pero no debe usarse para vistas que contengan elementos de texto.

React Native

Las vistas superpuestas provocan un problema detectado por esta regla. Si bien cada situación será ligeramente diferente, asegúrese de que:

• Las vistas con texto, o vistas con contenido escalable, no tienen un maxHeight establecido
• Al utilizar el diseño flexible, considere agregar un valor para la propiedad gap para aumentar la legibilidad