ARIA

Conjunto de atributos que descrevem para a tecnologia assistiva o que cada elemento da interface é e faz.

Hard

O que é

ARIA é um conjunto de atributos que você adiciona ao código da interface para informar à tecnologia assistiva, como o leitor de tela, o papel, o estado e o significado de cada elemento. Quando o HTML comum não dá conta de explicar o que algo é, o ARIA preenche a lacuna para que a pessoa que não vê a tela entenda o que está acontecendo.

Isso é operacional de acessibilidade. Um menu feito com elementos genéricos pode parecer perfeito na tela e ser mudo para o leitor de tela. Com os atributos ARIA certos, ele anuncia que é um menu, quais itens tem e qual está aberto. A pessoa passa a navegar com a mesma clareza de quem enxerga.

A regra de ouro, porém, é que ARIA é remédio, não tempero. Sempre que existir um elemento nativo que já carrega o significado, como um botão de verdade, use ele em vez de simular com ARIA. ARIA mal aplicado atrapalha mais do que a ausência dele, porque mente para a tecnologia assistiva.

Em uma frase

Esse menu customizado precisa de ARIA, senão o leitor de tela não anuncia que ele existe.

A pergunta que ele responde

Como faço um componente que inventei ser entendido por quem usa leitor de tela?

Quando usar

Quando um componente customizado não tem equivalente nativo que já carregue o significado para a tecnologia assistiva.

Como não usar

Encher de ARIA o que já funciona com HTML nativo. ARIA redundante ou errado confunde o leitor de tela.

Na prática

Um componente de abas feito com divs não anuncia nada ao leitor de tela. Com os papéis ARIA certos, ele passa a dizer que são abas e qual está ativa.

Não confunda com

ARIA não substitui HTML semântico: a primeira regra é usar o elemento nativo certo, e só recorrer ao ARIA quando ele não der conta de descrever o componente.

D

Em inglês

ARIA (Accessible Rich Internet Applications)

Pronúncia

á-ria

Também chamado de

ARIA, WAI-ARIA, atributos ARIA

Origem

W3C (Web Accessibility Initiative).

Fonte

Saiba mais

W3C, WAI-ARIA Authoring Practices