Hat eine Zugänglichkeitsrolle

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Regel, die verlangt, dass berührbare Komponenten eine accessibilityRole-Eigenschaft haben, die das Element für unterstützende Technologien beschreibt

Free Trial
Not for use with personal data

Regel-ID: hat-accessibility-role

WCAG 2.0 (A) 4.1.2

Verlangt, dass berührbare Komponenten ein accessibilityRole-Attribut haben, um die Rolle des Elements für Screenreader-Benutzer zu beschreiben.

Berührbare Komponenten:

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

Warum es wichtig ist

Wenn Screenreader und andere unterstützende Technologien die Rolle jedes Elements nicht kennen, können sie nicht intelligent damit interagieren und die Rolle auch nicht dem Benutzer mitteilen.

Wie man das Problem behebt

Fügen Sie einer zugänglichen berührbaren Komponente ein accessibilityRole hinzu.

Beispiele, die die Anforderung erfüllen

Die TouchableOpacity-Komponente ist zugänglich und hat ein accessibilityRole.

<TouchableOpacity accessibilityRole="button" />

Die TouchableOpacity-Komponente ist nicht zugänglich und benötigt kein accessibilityRole.

<TouchableOpacity accessible={false} />

Beispiele, die die Anforderung nicht erfüllen

Die TouchableOpacity-Komponente ist zugänglich, hat aber kein accessibilityRole.

<TouchableOpacity />

Ressourcen