$cat~/glossario/aria.md

ARIA

HTML

Atributos que complementam semântica para tecnologias assistivas.

aria.mdmarkdown
01

seção

Explicação

ARIA — Atributos que complementam semântica para tecnologias assistivas.

Accessible Rich Internet Applications — roles states properties complement HTML — aria-label, aria-expanded, live regions.

First rule ARIA: use semantic HTML native when possible.

02

seção

Exemplo

snippethtml
<button aria-expanded={open} aria-controls="menu-id">  Menu</button>
03

seção

Modo de uso

  • Custom widgets keyboard

  • Announce dynamic updates

  • Label icon-only buttons

04

seção

Armadilhas comuns

  • aria-label on div pretending button

  • Wrong role lie assistive tech

05

seção

Termos relacionados