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

Regra que exige que componentes Touchable tenham a prop accessibilityRole descrevendo o elemento para a tecnologia assistiva

Free Trial
Not for use with personal data

ID da Regra: has-accessibility-role

WCAG 2.0 (A) 4.1.2

Exige que componentes Touchable tenham uma prop accessibilityRole para descrever o papel do elemento para os 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 componente TouchableOpacity é acessível e tem uma accessibilityRole.

<TouchableOpacity accessibilityRole="button" />

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

<TouchableOpacity accessible={false} />

Exemplos de Falha

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

<TouchableOpacity />

Recursos