Possui Função de Acessibilidade

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
Free Trial
Not for use with personal data

ID da Regra: has-accessibility-role

WCAG 2.0 (A) 4.1.2

Exige que os componentes Touchable tenham uma accessibilityRole prop para descrever a função do elemento aos usuários de leitores de tela.

Componentes Touchable:

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

Por Que É Importante

Quando leitores de tela e outras tecnologias assistivas não conhecem a função de cada elemento, eles não conseguem interagir inteligentemente com ele, nem conseguem comunicar a função ao usuário.

Como Corrigir o Problema

Adicione uma accessibilityRole a um componente Touchable acessível.

Exemplos de Sucesso

O TouchableOpacity componente é acessível e tem uma accessibilityRole.

<TouchableOpacity accessibilityRole="button" />

O TouchableOpacity componente não é acessível e não requer uma accessibilityRole.

<TouchableOpacity accessible={false} />

Exemplos de Falha

O TouchableOpacity componente é acessível mas não possui uma accessibilityRole.

<TouchableOpacity />

Recursos