Pular para o conteúdo
Skillpedia
Testes48 mil · #2021

accesslint-diff

Ajuda seu agente a comparar problemas de acessibilidade em uma página. É útil para identificar novas falhas ou correções em comparação com uma versão anterior.

O que ela faz

Compara as falhas de acessibilidade de uma página da web entre duas versões. Ele mostra quais problemas novos surgiram, quais foram corrigidos e quantos problemas já existiam.

Quando usar

  • ✓Comparar uma página entre duas versões para ver mudanças na acessibilidade.
  • ✓Verificar se novas falhas de acessibilidade foram introduzidas em uma atualização.
  • ✓Confirmar se problemas de acessibilidade foram resolvidos após uma correção.

Exemplo do que pedir para a IA

“Compare a página inicial do meu site entre a versão atual e a versão de desenvolvimento. Mostre as novas falhas de acessibilidade.”

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/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/accesslint-diff/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/accesslint-diff/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Ele analisa duas versões da sua página (uma base e uma nova) e compara os resultados de testes de acessibilidade. O resultado foca apenas nas diferenças: problemas novos, problemas corrigidos e o total de problemas que ainda existem.

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 sickn33/agentic-awesome-skills --skill accesslint-diff

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/accesslint-diff/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.

Quando Usar

  • Compare os achados de acessibilidade de uma página solicitada entre revisões base e candidatas verificadas.
  • Relate achados introduzidos, corrigidos e ainda presentes sem alterar o código-fonte da aplicação.

1. Estabelecer Snapshots Isolados

Este pacote não inclui a CLI ou o navegador. Verifique primeiro o esquema da ferramenta instalada atualmente ou uma versão de pacote fixada revisada. Não avalie $ARGUMENTS ou texto de branch/URL como sintaxe de shell.

  1. Resolva a base e o head solicitados para SHAs de commit completos; identifique se conteúdo staged, unstaged ou untracked pertence ao candidato.
  2. Preserve o checkout do usuário. Prefira worktrees isolados ou snapshots recuperáveis para base e candidato; não altere o branch deles nem desfaça um stash não relacionado. Um modo de branch comparando apenas HEADs commitados deve divulgar alterações locais excluídas.
  3. Use o lockfile revisado e o procedimento de build autorizado de cada revisão. Sirva base e candidato em portas locais separadas, espere por um seletor de pronto determinístico e verifique qual revisão cada página realmente serve. Um sleep fixo não é uma verificação de prontidão.
  4. Audite URLs correspondentes, estado da conta, viewport, seletores, versão do engine e configuração de regras. Mantenha snapshots privados em um diretório novo apenas para o proprietário, não em um arquivo /tmp compartilhado e previsível. Capture a linha de base e o candidato usando as flags reais da CLI suportadas; não invente comandos quando a integração não estiver disponível.
  5. Compare achados e inspecione o desvio de seletores ou conteúdo removido. Registre estados inacessíveis e verificações manuais WCAG separadamente. Nunca prometa restauração completa sem verificar o status e o conteúdo dos arquivos.

2. Relatar

Accessibility diff — http://localhost:3000/ vs main (94 rules, live DOM)
2 new · 1 fixed · 4 pre-existing hidden

New — Critical
- color-contrast — 2.1:1 (needs 4.5:1), #bbb on #fff
    where: main > p.subtitle   fix: darken to #767676
Fixed
- img-alt — <img src="old.jpg"> (no longer present)

Cada nova violação: onde (seletor exato + file:line (symbol) se source presente — nunca fabrique), evidência, correção (alteração mecânica ou NEEDS HUMAN).

Não edite. Para uma solicitação de correção explicitamente autorizada, use o procedimento accesslint-audit disponível e verifique com a mesma linha de base controlada. Esta habilidade apenas de relatar não autoriza uma transferência separada para outro agente.

3. Desmontar

Feche apenas processos de navegador, servidores e snapshots criados para esta execução. Preserve sessões pré-existentes e trabalho recuperável. Remova um worktree isolado apenas após a evidência necessária ter sido salva; nunca use um comando global de parada do navegador para limpeza.

Armadilhas

  • A saída de diff é limitada a páginas/estados exercitados e às regras automatizadas selecionadas; não é uma certificação WCAG.
  • Elementos removidos podem desaparecer de uma auditoria sem serem uma substituição acessível. Inspecione a jornada do usuário.
  • Mudanças pesadas no DOM podem invalidar a correspondência de seletores; verifique elementos correspondentes ou execute auditorias completas de ambos os snapshots.
  • Relate contagens de amostras ilustrativas como exemplos, não como medições.

Limitações

  • Use esta habilidade apenas quando a tarefa corresponder claramente ao escopo descrito acima.
  • Não trate a saída como substituta para validação específica do ambiente, testes ou revisão de especialistas.
  • Pare e peça esclarecimentos se os inputs, permissões, limites de segurança ou critérios de sucesso necessários estiverem ausentes.
Perguntas frequentes

Isso é uma auditoria completa de acessibilidade?

Não, ele foca apenas nas diferenças entre duas versões. Para uma auditoria completa, use o comando 'scan'.

Ele corrige os problemas automaticamente?

Não, este comando apenas reporta as diferenças. Ele não altera o código nem corrige os problemas.

O que significa 'pre-existing count'?

Significa quantos problemas de acessibilidade já existiam na versão base e que continuam existindo na nova versão.

Detalhes

Descrição original do autor

Diff a live page's accessibility violations against a baseline — by default compares uncommitted changes (stash-based), or pass --branch [<name>] to diff against a branch. Reports only new violations introduced, violations fixed, and pre-existing count. Use `scan` for a full audit with no diffing.

repo: sickn33/agentic-awesome-skills

Popularidade

Estrelas no GitHub
48 mil
Posição no ranking
#2021
Licença
MIT
Atualizada em
15/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas