Tegenstrijdige Weergaven
Leer hoe we kunstmatige intelligentie gebruiken voor deze regel!
Weergaven met informatie mogen niet geheel of gedeeltelijk overlappen met een andere weergave.
Deze regel handhaaft een best practice opgesteld door Apple's Human Interface Guidelines. U kunt deze regel uitschakelen vanaf het Mobile Dashboard of door de regel te negeren in tests geschreven voor iOS.
Leer hoe u regels kunt uitschakelen vanaf het Mobile Dashboard.
Impact
Tegenstrijdige weergaven hebben invloed op mensen met gezichtsvermogen en kunnen mensen die dynamische typografie gebruiken beïnvloeden. Instellingen voor Dynamisch Lettertype kunnen automatisch de grootte van tekstelementen aanpassen. Een groter lettertype kan weergaven groter maken, wat mogelijk tot overlap leidt. Overlappende tekstelementen kunnen resulteren in gemiste of onleesbare informatie voor de eindgebruiker.
Bevestiging
- Bekijk de grenzen van elke informatieve weergave
- U vindt een van de volgende:
- Ontoegankelijk: De grenzen van een weergave overlappen met die van een andere weergave.
- Toegankelijk: Geen van de informatieve weergaven heeft overlappende grenzen.
- Als er tekstelementen zijn, probeer dan grotere maten voor Dynamisch Lettertype en herhaal dit proces om ervoor te zorgen dat deze weergaven niet overlappen met andere weergaven wanneer ze groter worden
Hoe te repareren
UIKit
Onjuiste beperkingen kunnen een probleem veroorzaken dat door deze regel wordt gevonden. Hoewel elke situatie anders zal zijn, moet u ervoor zorgen dat de beperkingen van de weergave voldoende ruimte bieden tussen informatieve elementen. Als er geen beperking bestaat tussen twee naburige informatieve weergaven, moet u er mogelijk een toevoegen om te zorgen dat ze niet overlappen wanneer Dynamisch Lettertype naar een grotere instelling wordt bijgewerkt.
SwiftUI
Overlappende weergaven veroorzaken een probleem dat door deze regel wordt gevonden. Hoewel elke situatie enigszins verschillend zal zijn, moet u ervoor zorgen dat elke weergave de juiste weergavemodifiers heeft om overlapping van de grenzen te beperken. Het wordt aanbevolen om HStack- en VStack-weergaven als ouders te gebruiken. ZStack is een andere optie, maar mag niet worden gebruikt voor weergaven die tekstelementen bevatten.
React Native
Overlappende weergaven veroorzaken een probleem dat door deze regel wordt gevonden. Hoewel elke situatie enigszins verschillend zal zijn, moet u ervoor zorgen dat:
- Weergaven met tekst, of weergaven met schaalbare inhoud, niet een
maxHeighthebben - Bij gebruik van flex layout, overweeg een waarde toe te voegen aan de
gapeigenschap om de leesbaarheid te vergroten
