wcag-audit-patterns
Ajuda seu agente a auditar sites para acessibilidade e corrigir problemas de acordo com as diretrizes WCAG.
O que ela faz
Esta ferramenta ajuda a verificar se um site ou aplicativo é acessível para todos, incluindo pessoas com deficiência. Ela verifica problemas comuns e sugere como corrigi-los.
Quando usar
- ✓Ao criar um novo site ou aplicativo.
- ✓Ao verificar se um site existente está acessível.
- ✓Ao corrigir problemas de acessibilidade.
Exemplo do que pedir para a IA
“Verifique a acessibilidade deste site e me diga como posso corrigir os problemas.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A ferramenta usa testes automáticos e manuais para encontrar problemas de acessibilidade. Ela compara o site com regras de acessibilidade e sugere as correções necessárias.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add wshobson/agents --skill wcag-audit-patternsOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Padrões de Auditoria WCAG
Guia completo para auditar conteúdo web de acordo com as diretrizes WCAG 2.2 com estratégias de remediação acionáveis.
Quando Usar Esta Habilidade
- Realizar auditorias de acessibilidade
- Corrigir violações WCAG
- Implementar componentes acessíveis
- Preparar-se para processos de acessibilidade
- Atender aos requisitos da ADA/Seção 508
- Alcançar a conformidade com o VPAT
Conceitos Principais
1. Níveis de Conformidade WCAG
| Nível | Descrição | Necessário Para |
|---|---|---|
| A | Acessibilidade mínima | Linha de base legal |
| AA | Conformidade padrão | A maioria das regulamentações |
| AAA | Acessibilidade aprimorada | Necessidades especializadas |
2. Princípios POUR
Perceivable: Can users perceive the content?
Operable: Can users operate the interface?
Understandable: Can users understand the content?
Robust: Does it work with assistive tech?
3. Violações Comuns por Impacto
Critical (Blockers):
├── Missing alt text for functional images
├── No keyboard access to interactive elements
├── Missing form labels
└── Auto-playing media without controls
Serious:
├── Insufficient color contrast
├── Missing skip links
├── Inaccessible custom widgets
└── Missing page titles
Moderate:
├── Missing language attribute
├── Unclear link text
├── Missing landmarks
└── Improper heading hierarchy
Padrões Detalhados e Exemplos Práticos
A documentação detalhada dos padrões está em references/details.md. Leia esse arquivo quando o nível de navegação acima for insuficiente.
Melhores Práticas
Fazer
- Comece cedo - Acessibilidade desde a fase de design
- Teste com usuários reais - Usuários com deficiência fornecem o melhor feedback
- Automatize o que puder - 30-50% dos problemas detectáveis
- Use HTML semântico - Reduz a necessidade de ARIA
- Documente padrões - Crie uma biblioteca de componentes acessíveis
Não Fazer
- Não confie apenas em testes automatizados - Testes manuais são necessários
- Não use ARIA como primeira solução - HTML nativo primeiro
- Não oculte contornos de foco - Usuários de teclado precisam deles
- Não desative o zoom - Usuários precisam redimensionar
- Não use apenas cor - Múltiplos indicadores são necessários
Perguntas frequentes
O que são as regras WCAG?
WCAG são diretrizes internacionais para tornar o conteúdo da web acessível a pessoas com deficiência.
Por que a acessibilidade é importante?
É importante para garantir que todos, independentemente de suas habilidades, possam usar a internet e acessar informações.
Posso confiar apenas nos testes automáticos?
Não, testes automáticos detectam apenas uma parte dos problemas. Testes manuais e com usuários reais são essenciais.
Detalhes
Descrição original do autor
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
repo: wshobson/agents
Popularidade
- Estrelas no GitHub
- 41 mil
- Posição no ranking
- #4793
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
screen-reader-testing
Faz seu agente testar sites usando leitores de tela para garantir que sejam acessíveis.
wshobson/agents
multi-reviewer-patterns
Faz seu agente coordenar revisões de código paralelas, deduplicando achados e consolidando relatórios.
wshobson/agents
parallel-debugging
Permite ao agente depurar problemas complexos com investigações paralelas e análise de causa raiz.
wshobson/agents
parallel-feature-development
Coordena o desenvolvimento de novas funcionalidades por vários agentes. Ajuda a evitar conflitos quando vários agentes trabalham juntos.
wshobson/agents
Skills parecidas
dashboard-builder
Ajuda seu agente a criar painéis de monitoramento úteis. Ele transforma dados em gráficos que respondem a perguntas importantes sobre o sistema.
affaan-m/ECC
dev-team
Simula uma equipe de desenvolvimento colaborativa, onde diferentes papéis respondem a um problema juntos. É útil para obter múltiplas perspectivas sem trocar de agente manualmente.
affaan-m/ECC
ecc-council
Faz seu agente reunir um conselho de quatro vozes para tomar decisões difíceis. É útil quando há várias opções boas e é preciso debater antes de escolher.
affaan-m/ECC