Viste sovrapposte

Scopri come utilizziamo l'intelligenza artificiale per questa regola!

Le viste contenenti informazioni non devono intersecarsi con altre viste, né interamente né parzialmente.

Questa regola applica le best practice stabilite dalle Linee guida per l'interfaccia utente di Apple. Puoi disattivare questa regola dalla dashboard mobile oppure ignorando la regola nei test scritti per iOS.

Scopri come disattivare le regole dalla dashboard mobile.

Impatto

Le viste in collisione hanno un impatto sulle persone vedenti e possono avere ripercussioni sulle persone che utilizzano la tipografia dinamica. Le impostazioni del tipo dinamico possono regolare automaticamente le dimensioni degli elementi di testo. Un carattere più grande può ingrandire le visualizzazioni, causando potenzialmente sovrapposizioni. La sovrapposizione di elementi di testo può comportare informazioni mancanti o illeggibili presentate all'utente finale.

Conferma

1. Guarda i limiti di ogni vista informativa
2. Troverai una delle seguenti opzioni:
   • Inaccessibile: i limiti di una vista intersecano quelli di un'altra vista.
   • Accessibile: nessuna vista informativa presenta limiti sovrapposti.
3. Se sono presenti elementi di testo, prova dimensioni di tipo dinamico più grandi e ripeti questo processo per assicurarti che queste viste non si intersechino con altre viste quando diventano più grandi

Come risolvere

UIKit

Vincoli impropri possono causare un problema rilevato da questa regola. Anche se ogni situazione è diversa, assicurati che i vincoli della vista forniscano uno spazio adeguato tra gli elementi informativi. Se non esiste alcun vincolo tra due viste informative adiacenti, potrebbe essere necessario aggiungerne uno per garantire che non si sovrappongano quando Dynamic Type viene aggiornato a un'impostazione più ampia.

SwiftUI

Le visualizzazioni sovrapposte causano un problema rilevato da questa regola. Anche se ogni situazione è leggermente diversa, assicurati che ogni vista abbia i modificatori di vista appropriati per limitare la sovrapposizione dei limiti. Si consiglia di utilizzare le viste HStack e VStack come elementi padre. ZStack è un'altra opzione, ma non dovrebbe essere utilizzato per viste contenenti elementi di testo.

React Native

Le visualizzazioni sovrapposte causano un problema rilevato da questa regola. Anche se ogni situazione è leggermente diversa, assicurati che:

• Le viste con testo o le viste con contenuto scalabile non hanno un insieme maxHeight
• Quando si utilizza il layout flessibile, prendere in considerazione l'aggiunta di un valore per la proprietà gap per aumentare la leggibilità