In ScrollView

Der Text sollte in einer scrollbaren Ansicht angezeigt werden, um sicherzustellen, dass alle Elemente auf allen Bildschirmgrößen sichtbar sind.

Auswirkung

Am stärksten betroffen sind Personen, die Dynamic Type unter iOS verwenden. Wenn Dynamic Type aktiviert ist, kann die Textgröße vergrößert werden und der Text kann aus dem Bildschirm verschwinden. Wenn sich der Text nicht in einer Bildlaufansicht befindet, stehen die Informationen dem Endbenutzer nicht zur Verfügung. Scroll-Ansichten sind eine großartige Möglichkeit, verschiedene Bildschirmgrößen zu unterstützen und sicherzustellen, dass auf den gesamten Inhalt zugegriffen werden kann.

Bestätigung

1. Wenn der Inhalt der Seite weniger als einen Bildschirm einnimmt, vergrößere den gesamten Text mit Dynamic Type:
   • Bei Verwendung eines Simulators:
     1. Öffne den Accessibility Inspector
     2. Wechsle in der oberen linken Ecke des Inspektors von deinem Mac zum iOS-Simulator.
     3. Wählen Sie die Schaltfläche "Einstellungen" in der oberen rechten Ecke des Inspektors
     4. Bewegen Sie unter „Schriftgröße“ den Schieberegler auf eine größere Einstellung
   – Wenn Sie ein Gerät mit iOS 13.0+ verwenden: 1. Öffnen Sie die Einstellungen 2. Wähle „Barrierefreiheit“ 3. Wählen Sie „Anzeige & Textgröße“ 4. Wählen Sie „Größeren Text“ 5. Bewegen Sie den Schieberegler unten auf der Seite zu einer größeren Einstellung
2. Versuchen Sie, zum Textelement zu scrollen
   • Nicht zugänglich: Sie konnten nicht zum Textelement scrollen.
   • Zugänglich: Sie konnten zum Textelement scrollen.

So beheben Sie das Problem

Ein durch diese Regel gefundenes Problem wird dadurch verursacht, dass Sie in Ihrer Anwendung für Textelemente kein UIScrollView oder ScrollView verwenden.

Hinweis: Wenn Text Teil eines fixierten Elements wie UINavigationBar, UITabBar usw. ist, sollte stattdessen UILargeContentViewer verwendet werden.

UIKit

Fügen Sie eine UIScrollView als übergeordnete Ansicht der Elemente Ihres Bildschirms hinzu. Dieses Tutorial von Ray Wenderlich bietet eine großartige Anleitung.

SwiftUI

Hinzufügen von Text innerhalb einer ScrollView:

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

React Native

Textelemente sollten in einem ScrollView Element stehen. Das ScrollView Element sollte innerhalb eines SafeAreaView Containers liegen, um sicherzustellen, dass der Inhalt beim Scrollen innerhalb der Fenstergrenzen bleibt.

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