Valor del campo de texto Edit Text

Los elementos de entrada de texto deben tener su valor disponible para tecnologías de asistencia como TalkBack y Voice Access.

Impacto

Los problemas detectados por esta regla afectan a las personas con ceguera.

EditText Los elementos deben proporcionar información donde el sistema operativo Android lo espera. Como resultado, las tecnologías de asistencia pueden comunicar información de manera predecible.

Confirmación

1. Activar TalkBack
2. Enfócate en el elemento
3. Ocurrirá uno de los siguientes casos:
   • Accesible: TalkBack anuncia el texto ingresado, para, y las etiquetas asociadas Text.
   • Inaccesible: TalkBack no anunció la información anterior o la anunció en el orden incorrecto.

Cómo solucionarlo

Asegúrese de que una etiqueta esté correctamente asociada con un elemento EditText o TextField para que tanto el nombre como el valor estén disponibles para las tecnologías de asistencia.

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

Evite establecer la propiedad accessibilityLabel al valor de la entrada. Al establecer un ejemplo, puede agregar el valor a la propiedad placeholder .

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