Pular para o conteúdo
Skillpedia
Diversos41 mil · #4793

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

https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
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-patterns

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md -o SKILL.md
Conteú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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas