Construir Acessível
Sub-galho 2 da trilha Acessibilidade. Do modelo mental para as mãos: como construir componentes e telas que funcionam para tecnologia assistiva. Cobre gestão de foco em apps dinâmicas, formulários acessíveis de verdade, os padrões WAI-ARIA APG, a11y em React e component libraries, cor e contraste na prática, e mídia e movimento.
A aposta do sub-galho: acessibilidade é decisão de implementação, tomada em cada componente — não um verniz aplicado depois.
Fase Adepto
- 06 — Gestão de foco em SPAs — foco em navegação client-side, focus trap, restauração, roving tabindex
- 07 — Formulários acessíveis de verdade — labels, erros acessíveis,
aria-describedby, grupos, autocomplete - 08 — Padrões WAI-ARIA APG I — disclosure, accordion, tabs, modal dialog
- 09 — Padrões WAI-ARIA APG II — combobox, menu/menubar, listbox, tree, grid
- 10 — A11y em React e component libraries — headless libs (Radix, React Aria), o que o framework (não) resolve
- 11 — Cor, contraste e visual acessível — contraste na prática, não depender só de cor, dark mode, foco visível (SC 2.4.11)
- 12 — Mídia e movimento — captions/transcrições/audio description,
prefers-reduced-motion, flashing
Próximo sub-galho
SG3 — Auditar e Testar (a construir) — depois de construir, provar que funciona: axe, testes de a11y no código, auditoria manual.