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
Mensagem pronta para colar
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-diffOu 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.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.
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.
- Resolva a base e o head solicitados para SHAs de commit completos; identifique se conteúdo staged, unstaged ou untracked pertence ao candidato.
- 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.
- 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.
- 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
/tmpcompartilhado 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. - 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.
Popularidade
- Estrelas no GitHub
- 48 mil
- Posição no ranking
- #2021
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
00-andruia-consultant
Ajuda seu agente a iniciar ou melhorar projetos de IA. Ele analisa código, sugere ferramentas e cria planos de ação em espanhol.
sickn33/agentic-awesome-skills
007
Faz seu agente realizar auditorias de segurança e modelagem de ameaças. É útil para proteger projetos contra ataques e vulnerabilidades.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Ajuda seu agente a criar ou melhorar ferramentas de IA. Ele define como as ferramentas funcionam, escreve a documentação e valida a estrutura.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Faz seu agente criar um resumo sobre um setor específico. É útil para entender o contexto, regras, padrões de uso e riscos de um projeto, usando fontes confiáveis.
sickn33/agentic-awesome-skills
Skills parecidas
cpp-testing
Faz seu agente escrever e melhorar testes para código C++. Ajuda a configurar ferramentas de teste e a corrigir erros.
affaan-m/ECC
csharp-testing
Ajuda seu agente a criar testes para código C# e .NET. Ele usa as melhores práticas para garantir que os testes sejam eficientes e confiáveis.
affaan-m/ECC
django-tdd
Faz seu agente aplicar estratégias de teste para Django com pytest-django e TDD. É útil para escrever testes robustos e garantir a qualidade do código, especialmente para APIs DRF.
affaan-m/ECC