bezzamedia/a11y-audit-skill

Auditoria de acessibilidade reutilizável e independente de stack (WCAG 2.2 AA) — axe-core + HTML_CodeSniffer + Lighthouse, com confirmação entre mecanismos. Skill para Claude Code + CLI independente.

O que é a11y-audit-skill?

Esta skill fornece uma auditoria de acessibilidade abrangente e reutilizável, compatível com qualquer stack tecnológica. Utilizando três mecanismos líderes — axe-core, HTML_CodeSniffer e Lighthouse — ela verifica a conformidade com as diretrizes WCAG 2.2 AA. A principal vantagem é a confirmação entre mecanismos, onde um problema só é reportado se for detectado por pelo menos dois deles, reduzindo falsos positivos. A skill pode ser usada tanto como uma skill do Claude Code (via comando `/a11y-audit`) quanto como uma CLI independente. Ela detecta problemas comuns como contraste de cores insuficiente, falta de texto alternativo em imagens, rótulos ausentes em formulários e estrutura de cabeçalhos inadequada, gerando um relatório consolidado com a severidade e o mecanismo de origem de cada problema.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add bezzamedia/a11y-audit-skill

Installed? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que a11y-audit-skill faz?

Auditoria de acessibilidade reutilizável e independente de stack (WCAG 2.2 AA) — axe-core + HTML_CodeSniffer + Lighthouse, com confirmação entre mecanismos. Skill para Claude Code + CLI independente.

Visão Geral

Esta skill executa uma auditoria de acessibilidade em um site ou aplicação web, combinando os resultados de três mecanismos diferentes:

  • axe-core: Mecanismo de teste de acessibilidade líder do setor, desenvolvido pela Deque Labs.
  • HTML_CodeSniffer: Um mecanismo de auditoria de acessibilidade HTML que verifica conformidade com WCAG.
  • Lighthouse: Ferramenta automatizada do Google para melhorar a qualidade de páginas web, incluindo auditoria de acessibilidade.

A confirmação entre mecanismos reduz falsos positivos ao exigir que um problema seja detectado por pelo menos dois mecanismos para ser reportado.

Uso

Como Skill do Claude Code

Skill ativada por ferramenta (/a11y-audit). Veja a11y-audit.sh.

Como CLI Independente

./a11y-audit.sh <url>

Saída

A auditoria produz um relatório consolidado no formato JSON com a seguinte estrutura:

[
  {
    "severity": "critical",
    "description": "Itens de contraste de cores falham na proporção de contraste necessária",
    "engine": [
      "axe-core",
      "lighthouse"
    ],
    "source": "color-contrast"
  },
  {
    "severity": "serious",
    "description": "Imagens devem ter texto alternativo”,
    "engine": [
      "axe-core",
      "html_codesniffer",
      "lighthouse"
    ]
  }
]

Campos de Saída

CampoDescrição
severityNível de severidade (critical, serious, moderate, minor)
descriptionDescrição legível por humanos do problema de acessibilidade
engineArray de mecanismos que detectaram o problema
sourceIdentificador único para o tipo de problema

Problemas Detectados

A skill pode detectar problemas comuns de acessibilidade, tais como:

  • Contraste de cor insuficiente
  • Imagens sem texto alternativo
  • Campos de formulário sem rótulos
  • Estrutura de cabeçalhos inadequada
  • Conteúdo não textual sem alternativas
  • Documentos sem idioma definido
  • Links sem texto discernível

Dependências

  • Node.js (para executar Lighthouse e ferramentas baseadas em Node)
  • Python 3 (para executar HTML_CodeSniffer wrapper)
  • Navegador Chromium-based (para Lighthouse)

Licença

MIT

Autores

  • bezzamedia

Suporte

Para problemas ou sugestões, abra uma issue no repositório GitHub.

Habilidades Relacionadas