Editar Valor do Texto

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

Elementos de entrada de texto devem ter seu valor disponível para tecnologias assistivas, como TalkBack e Voice Access.

warning

ContentDescriptions em EditText visualizações podem sobrescrever o valor em algumas versões do Android.

Impacto

Problemas encontrados por esta regra impactam pessoas com cegueira.

EditText elementos devem fornecer informações onde o sistema operacional Android espera. Como resultado, tecnologias assistivas podem comunicar informações de forma previsível.

Confirmação

  1. Ative o TalkBack
  2. Foque no elemento
  3. Uma das seguintes situações ocorrerá:
    • Acessível: o TalkBack anuncia o texto inserido, para, e o rótulo associado Text.
    • Inacessível: o TalkBack não anunciou as informações acima ou as anunciou na ordem errada.

Como Corrigir

Certifique-se de que um rótulo esteja devidamente associado a um elemento EditText ou TextField para que o nome e o valor estejam disponíveis para tecnologias assistivas.

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 definir a propriedade accessibilityLabel para o valor do input. Ao definir um exemplo, você pode adicionar o valor à propriedade placeholder .

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