In ScrollView

Tekst moet zich binnen een scrollbaar weergave bevinden om ervoor te zorgen dat alle elementen zichtbaar zijn op alle schermformaten.

Impact

Mensen die Dynamic Type op iOS gebruiken, worden het meest beïnvloed. Wanneer Dynamic Type is ingeschakeld, kunnen tekstgroottes worden vergroot en mogelijk van het scherm verdwijnen. Als de tekst niet binnen een scroll weergave zit, zal de informatie niet beschikbaar zijn voor de eindgebruiker. Scroll weergaves zijn een uitstekende manier om verschillende schermformaten te ondersteunen, zodat alle inhoud toegankelijk is.

Bevestiging

1. Als de inhoud op de pagina minder dan één scherm beslaat, maak dan alle tekst groter met Dynamic Type:
   • Bij gebruik van een simulator:
     1. Open de Accessibility Inspector
     2. Verander linksboven in de inspecteur het apparaat van je Mac naar de iOS-simulator
     3. Selecteer de "Instellingen"-knop in de rechterbovenhoek van de inspecteur
     4. Onder "Tekstgrootte", verschuif de schuifregelaar naar een grotere instelling
   • Bij gebruik van een iOS 13.0+ apparaat:
     1. Open de Instellingen
     2. Selecteer "Toegankelijkheid"
     3. Selecteer "Weergave en Tekstgrootte"
     4. Selecteer "Grotere Tekst"
     5. Verschuif de schuifregelaar onderaan de pagina naar een grotere instelling
2. Probeer naar het tekstelement te scrollen
   • Niet toegankelijk: Het was niet mogelijk om naar het tekstelement te scrollen.
   • Toegankelijk: Het was mogelijk om naar het tekstelement te scrollen.

Hoe het op te lossen

Een probleem dat door deze regel wordt gevonden, wordt veroorzaakt door het niet gebruiken van een UIScrollView of ScrollView in je applicatie voor tekstelementen.

Opmerking: Als tekst deel uitmaakt van een vastgemaakt element, zoals UINavigationBar, UITabBar, enz., moet in plaats daarvan UILargeContentViewer worden gebruikt.

UIKit

Voeg een UIScrollView toe als de bovenliggende weergave van de elementen op je scherm. Deze tutorial van Ray Wenderlich biedt een geweldige gids.

SwiftUI

Tekst toevoegen binnen een ScrollView:

     var body: some View {
        ScrollView {
            VStack  {
                HStack {
                    Text("This text is in a scroll view")
                        .padding()
                }
            }
        }
    }

React Native

Tekstelementen moeten in een ScrollView element zitten. Het ScrollView element moet zich binnen een SafeAreaView bevinden om ervoor te zorgen dat de inhoud binnen de grenzen van het venster blijft terwijl er wordt gescrold.

<SafeAreaView style={{ flex: 1 }}>
   <ScrollView>
     <View>
       <Text> Make sure each screen has a ScrollView! </Text>
     </View>
   </ScrollView>
</SafeAreaView>