アクセシビリティロールを持つ

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
Free Trial
Not for use with personal data

ルールID: has-accessibility-role

WCAG 2.0 (A) 4.1.2

Touchableコンポーネントはスクリーンリーダーのユーザーに要素の役割を説明するための accessibilityRole プロパティを持っている必要があります。

Touchableコンポーネント:

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

なぜ重要か

スクリーンリーダーや他の支援技術が各要素の役割を知らないと、それに対して知的に操作を行うことができず、ユーザーに役割を伝えることもできません。

問題を修正する方法

アクセシブルなTouchableコンポーネントに accessibilityRole を追加します。

合格例

この TouchableOpacity コンポーネントはアクセシブルであり、 accessibilityRoleを持っています。

<TouchableOpacity accessibilityRole="button" />

この TouchableOpacity コンポーネントはアクセシブルではなく、 accessibilityRoleを必要としません。

<TouchableOpacity accessible={false} />

失敗例

この TouchableOpacity コンポーネントはアクセシブルですが、 accessibilityRoleを持っていません。

<TouchableOpacity />

リソース