Frontend
Acessibilidade (ARIA) Cheat Sheet
Atributos essenciais para leitores de tela, navegação por teclado e semântica acessível.
Labels
Fornece uma etiqueta de texto para elementos sem texto visível.
aria-label="Fechar modal"Visibilidade
Oculta elementos puramente decorativos de leitores de tela.
aria-hidden="true"Estados
Indica se um menu ou dropdown está aberto ou fechado.
aria-expanded="false"Roles
Define o comportamento semântico de um elemento genérico.
role="button"Live Regions
Anuncia mudanças de conteúdo dinâmico (ex: toasts, alertas).
aria-live="polite"Teclado
Permite que elementos genéricos recebam foco via teclado.
tabindex="0"