有効なアクセシビリティ値を持つ
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
Not for use with personal data
ルールID: has-valid-accessibility-value
コンポーネントの現在の値を表します。これはコンポーネントの値のテキストによる説明であったり、スライダーやプログレスバーのような範囲ベースのコンポーネントの最小値、現在値、最大値などの範囲情報が含まれていることもあります。
accessibilityValue はオブジェクトです。以下のフィールドを含んでいます:
| 名前 | 説明 | タイプ | 必須 |
|---|---|---|---|
min |
このコンポーネントの範囲の最小値。 | 整数 | が設定されている場合、必須です。 now が設定されている場合、必須です。 |
max |
このコンポーネントの範囲の最大値。 | 整数 | が設定されている場合、必須です。 now が設定されている場合、必須です。 |
now |
このコンポーネントの範囲の現在値。 | 整数 | いいえ |
text |
このコンポーネントの値のテキストによる説明。 が設定されている場合に minを上書きします。 nowを上書きします。 max を上書きします。 |
文字列 | いいえ |
なぜ重要なのか
フィールドは正しく綴られており、意図するアクセシビリティ値を説明するのに適した値に対応している必要があります。許可された値に従わないと、支援技術のユーザーにとってアクセス可能でないコンポーネントとなります。 accessibilityValue フィールドは正しく綴られており、意図するアクセシビリティ値を説明するのに適した値に対応している必要があります。許可された値に従わないと、支援技術のユーザーにとってアクセス可能でないコンポーネントとなります。
問題を修正する方法
プロップが有効な名前とタイプの値を持つオブジェクトとして設定されていることを確認してください。 accessibilityValue プロップが有効な名前とタイプの値を持つオブジェクトとして設定されていることを確認してください。
成功例
<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />失敗例
<TouchableOpacity accessibilityValue={{ min: 0, now: 50, max: 100, text: "stuff" }} />
<TouchableOpacity accessibilityValue={{ now: 50 }} />
<TouchableOpacity accessibilityValue="stuff" />
<TouchableOpacity accessibilityValue={{ min: "0", now: "50", max: "100" }} />
<TouchableOpacity accessibilityValue={{ text: 0 }} />