ルールID: has-accessibility-role
Touchableコンポーネントはスクリーンリーダーのユーザーに要素の役割を説明するための accessibilityRole プロパティを持っている必要があります。
Touchableコンポーネント:
PressableTouchableOpacityTouchableHighlightTouchableWithoutFeedbackTouchableNativeFeedback
なぜ重要か
スクリーンリーダーや他の支援技術が各要素の役割を知らないと、それに対して知的に操作を行うことができず、ユーザーに役割を伝えることもできません。
問題を修正する方法
アクセシブルなTouchableコンポーネントに accessibilityRole を追加します。
合格例
この TouchableOpacity コンポーネントはアクセシブルであり、 accessibilityRoleを持っています。
<TouchableOpacity accessibilityRole="button" />
この TouchableOpacity コンポーネントはアクセシブルではなく、 accessibilityRoleを必要としません。
<TouchableOpacity accessible={false} />
失敗例
この TouchableOpacity コンポーネントはアクセシブルですが、 accessibilityRoleを持っていません。
<TouchableOpacity />
