Hat die Rolle der Barrierefreiheit
Regel-ID: has-accessibility-role
Erfordert, dass berührbare Komponenten über eine accessibilityRole Eigenschaft verfügen, um Benutzern von Bildschirmleseprogrammen die Rolle des Elements zu beschreiben.
Berührbare Komponenten:
PressableTouchableOpacityTouchableHighlightTouchableWithoutFeedbackTouchableNativeFeedback
Warum es wichtig ist
Wenn Bildschirmleseprogramme und andere unterstützende Technologien die Rolle der einzelnen Elemente nicht kennen, können sie weder intelligent mit ihnen interagieren, noch sind sie in der Lage, dem Benutzer die Rolle mitzuteilen.
So beheben Sie das Problem
Fügen Sie einer zugänglichen Touchable-Komponente ein accessibilityRole hinzu.
Bestandene Beispiele
Die TouchableOpacity Komponente ist zugänglich und hat eine accessibilityRole.
<TouchableOpacity accessibilityRole="button" />
Die TouchableOpacity Komponente ist nicht zugänglich und erfordert kein accessibilityRole Element.
<TouchableOpacity accessible={false} />
Beispiele für Fehlschläge
Die TouchableOpacity Komponente ist zugänglich, hat aber kein accessibilityRole Element.
<TouchableOpacity />