Vues se chevauchant

Découvrez son application pour cette règle !

Les vues contenant des informations ne doivent pas intersecter une autre vue, que ce soit en totalité ou en partie.

Cette règle applique une bonne pratique définie par les Directives d'interface humaine d'Apple. Vous pouvez désactiver cette règle à partir du tableau de bord mobile ou en ignorant la règle dans les tests écrits pour iOS.

Apprenez comment désactiver les règles à partir du tableau de bord mobile.

Impact

Les vues en collision ont un impact sur les personnes voyantes et peuvent avoir un impact sur les personnes utilisant une typographie dynamique. Les paramètres de type dynamique peuvent ajuster automatiquement les tailles des éléments de texte. Une police plus grande peut agrandir les vues, ce qui peut entraîner un chevauchement. Le chevauchement des éléments de texte peut entraîner des informations manquantes ou illisibles présentées à l'utilisateur final.

Confirmation

1. Regardez les limites de chaque vue d'information
2. Vous trouverez l'un des éléments suivants :
   • Inaccessible : les limites d'une fenêtre croisent une autre fenêtre.
   • Accessible : aucune fenêtre d'information n'a de limites qui se chevauchent.
3. S'il y a des éléments de texte, essayez des tailles de type dynamique plus grandes et répétez ce processus pour vous assurer que ces fenêtres ne se croisent pas avec d'autres fenêtres lorsqu'elles deviennent plus grandes

Comment corriger

UIKit

Des contraintes inappropriées peuvent provoquer un problème détecté par cette règle. Bien que chaque situation soit différente, assurez-vous que les contraintes de la vue offrent un espace adéquat entre les éléments informatifs. Si aucune contrainte n'existe entre deux vues informatives voisines, vous devrez peut-être en ajouter une pour garantir qu'elles ne se chevauchent pas lorsque le type dynamique est mis à jour vers un paramètre plus grand.

SwiftUI

Les vues qui se chevauchent provoquent un problème détecté par cette règle. Bien que chaque situation soit légèrement différente, assurez-vous que chaque vue dispose de modificateurs de vue appropriés pour limiter le chevauchement des limites. Il est recommandé d'utiliser les vues HStack et VStack comme parents. ZStack est une autre option mais ne doit pas être utilisé pour les vues contenant des éléments de texte.

React Native

Les vues qui se chevauchent provoquent un problème détecté par cette règle. Bien que chaque situation soit légèrement différente, assurez-vous que :

• Les vues avec du texte ou les vues avec un contenu évolutif n'ont pas de maxHeight défini
• Lorsque vous utilisez une mise en page flexible, pensez à ajouter une valeur pour la propriété gap pour augmenter la lisibilité