テキスト値の編集

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

WCAG 2.0 - 4.1.2 A Impact - Critical

テキスト入力要素は、TalkBackやVoice Accessなどの支援技術で利用可能な値を持つべきです。

warning

ContentDescriptionsEditText ビューは、Androidの一部のバージョンで値を上書きすることがあります。

影響

このルールによって発見された問題は、視覚障害のある人々に影響を与えます。

EditText 要素は、Android OSが情報を期待する場所に情報を提供する必要があります。その結果、支援技術は情報を予測可能に伝えることができます。

確認

  1. TalkBackをオンにする
  2. 要素にフォーカスを当てる
  3. 以下のいずれかが発生します:
    • アクセシブル: TalkBackが入力されたテキスト、for、および関連付けられたラベルの Textを発表します。
    • 非アクセシブル: TalkBackが上記の情報を発表しなかったか、誤った順序で発表しました。

修正方法

EditTextまたはTextField要素とラベルが正しく関連付けられていることを確認し、名前と値の両方が支援技術で利用可能であるようにします。

XML

EditText editText = .......; // Role: EditText
TextView label = .......; // Role: Label
label.setLabelFor(editText.getId()); // Associate the Checkbox with its Name

Compose

@Composable
fun ZipCodeInput() {
    OutlinedTextField(
        modifier = Modifier.semantics {
            this.contentDescription = “Enter your Zip Code”
        },
        label = “Zip Code”
    )
}

React Native

プロパティを入力の値に設定することを避けてください。例を設定する際には、その値を accessibilityLabel プロパティに追加することができます。 placeholder property.

<TextInput 
   accessibilityLabel='Username'
   accessible={true}
   placeholder='John'
   style={{height: 45, width: 200, backgroundColor: 'azure', fontSize: 20, margin:20}}
 />