Bewerk tekstwaarde

Tekstinvoerelementen moeten hun waarde beschikbaar hebben voor ondersteunende technologieën zoals TalkBack en Voice Access.

Impact

Problemen gevonden door deze regel hebben invloed op mensen met blindheid.

EditText elementen moeten informatie verstrekken waar het Android-besturingssysteem het verwacht. Zo kunnen ondersteunende technologieën informatie voorspelbaar communiceren.

Bevestiging

1. Schakel TalkBack in
2. Focus op het element
3. Een van de volgende dingen zal gebeuren:
   • Toegankelijk: TalkBack kondigt de ingevoerde tekst, voor en de bijbehorende label's Text.
   • Niet toegankelijk: TalkBack kondigde de bovenstaande informatie niet aan of kondigde het in de verkeerde volgorde aan.

Hoe te repareren

Zorg ervoor dat een label correct is gekoppeld aan een EditText- of TextField-element zodat zowel de naam als waarde beschikbaar zijn voor ondersteunende technologieën.

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

Vermijd het instellen van de accessibilityLabel eigenschap op de waarde van de invoer. Bij het instellen van een voorbeeld kunt u de waarde toevoegen aan de placeholder eigenschap.

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