Rc a11y
Guias de acessibilidade (a11y) para web seguindo WCAG 2.2 AA — semântica HTML, ARIA, navegação por teclado, gestão de foco, contraste e leitores de tela. Use ao construir ou revisar UI (componentes, formulários, modais, navegação, tabelas). Não use para acessibilidade de PDF, auditoria jurídica de conformidade, ou design visual sem relação com a11y.From its SKILL.md
npx -y skills add rodolfochicone/rc-project --skill rc-a11yAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 19 stars19 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.9 KB, as published. Nobody here has run it
Acessibilidade (a11y) — guias por tarefa
Guias práticos de acessibilidade web. Leia o guia da tarefa em references/ antes de agir —
cada um traz o checklist, os exemplos de markup e os critérios de aceite. Ao revisar UI real,
combine com Grep/Glob para inspecionar o markup/componentes gerados; não presuma a semântica.
Roteamento
| Tarefa | Guia |
|---|---|
| Fundamentos — HTML semântico, WCAG POUR, nível AA, alt text, lang | references/foundations.md |
| Componentes interativos — formulários, modal, menus/tabs, foco/teclado | references/patterns.md |
| Teste e revisão — teclado, leitor de tela, ferramentas automáticas, contraste | references/testing.md |
Princípios sempre válidos
- HTML semântico primeiro. Elemento nativo (
<button>,<nav>,<label>) resolve a maioria dos casos antes de qualquer ARIA. - ARIA só quando o HTML nativo não resolve. "No ARIA is better than bad ARIA" — ARIA incorreta é pior que ausência de ARIA.
- Tudo operável por teclado. Se uma ação só funciona com mouse/toque, é um bloqueador de acessibilidade.
- Contraste e foco visíveis. Cor não é o único indicador de estado;
:focus-visiblesempre perceptível.
Error Handling
- SPA renderizada no cliente pode esconder problemas do leitor de tela (DOM que só existe após JS rodar). Sem acesso ao browser, revise o markup/componentes estaticamente e diga explicitamente que a verificação com screen reader/axe ficou pendente.