ARIA é um conjunto de tags e atributos HTML padronizados pelo World Wide Web Consortium (W3C) para tornar as aplicações de internet ricas acessíveis à tecnologia assistiva.
Ele melhora a experiência de usuários que dependem de leitores de tela e outros dispositivos assistivos.
Alguns dos principais atributos ARIA incluem:
aria-label: Fornece uma descrição textual para um elemento que não possui texto visível. Exemplo:"Botão de envio".aria-hidden: Esconde elementos da tecnologia assistiva quando eles não são relevantes. Exemplo:"true"para ocultar ícones decorativos.aria-live: Notifica os usuários sobre mudanças dinâmicas no conteúdo, como atualizações em tempo real. Exemplo:"polite"para anunciar mudanças sem interromper a navegação.role: Define o propósito de um elemento, como"button","menu", ou"dialog".aria-describedby: Associa um elemento a uma descrição detalhada em outro local da página.
Esses atributos ajudam a preencher lacunas de acessibilidade em elementos interativos, como menus suspensos, sliders e widgets personalizados.
Importante: Use ARIA apenas quando necessário; um código HTML semântico bem estruturado já resolve muitas questões de acessibilidade.
Quer saber mais?
Documentação oficial do W3C sobre ARIA