accessibility-reviewpor Anthropic

Accessibility Review Skill.

Uma skill do Claude Code e Codex para revisão de design: auditoria WCAG 2.1 AA de um design ou página: contraste, teclado, áreas de toque.

Design Review & Accessibility
Relatório de revisão

Baixar OpenDesign Ver guia de uso

anthropics/knowledge-work-plugins · design/skills/accessibility-review/SKILL.mdSKILL.md

--- name: accessibility-review description: Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff. --- ## Usage ## Testing Approach ## Output ## Accessibility Audit: [Design/Page Name] ## If Connectors Available ## Tips

Metadados e títulos de seção lidos do arquivo upstream em 2026-09-14 · 4.248 caracteres no total

01 O que faz

O que o Skill accessibility-review faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Uma rotina de auditoria WCAG 2.1 AA para um design ou uma página, acionada por frases como "audit accessibility" ou "check a11y" e que recebe uma URL do Figma, uma URL ou uma descrição como argumento.

Ele traz uma referência rápida condensada de onze critérios entre Perceptível, Operável, Compreensível e Robusto, cobrindo contraste de 4,5:1 para texto normal e 3:1 para texto grande e componentes de UI, acesso por teclado, foco visível e áreas de toque de 44x44 pixels CSS, além de oito problemas comuns e uma abordagem de teste em cinco etapas que começa com uma varredura automatizada que captura cerca de 30% dos problemas. As constatações vão para um relatório markdown de formato fixo com contagens de severidade, tabelas por princípio, seções de contraste, teclado e leitor de tela, e correções priorizadas.

O que ele produz

Um relatório de auditoria de acessibilidade em markdown, encabeçado pelo nome do design ou da página e pelo padrão WCAG 2.1 AA.
Uma seção de constatações dividida em tabelas Perceptível, Operável, Compreensível e Robusto, com problema, critério, severidade e recomendação.
Tabelas dedicadas de contraste de cores, navegação por teclado e leitor de tela, incluindo o nome anunciado de cada elemento.
Uma lista ordenada de correções prioritárias, separando as correções críticas que bloqueiam usuários das grandes melhorias e dos ajustes menores e desejáveis.

Veja o exemplo de prompt ↗

Como funciona

01
Indique o que será auditado
O comando recebe uma URL do Figma, uma URL de página ou uma descrição escrita como argumento e audita esse alvo.
02
Verifique os onze critérios AA
A referência rápida agrupa os critérios em Perceptível, Operável, Compreensível e Robusto, cada um com o número do critério de sucesso e o limite correspondente.
03
Execute as cinco etapas de teste
Varredura automatizada, navegação apenas por teclado, teste com leitor de tela, verificação de contraste e zoom de 200%, nessa ordem.
04
Escreva o formato fixo do relatório
Um único relatório markdown com um resumo de severidade, uma tabela de constatações por princípio e tabelas separadas de contraste, teclado e leitor de tela.
05
Use conectores quando houver
Com uma ferramenta de design conectada, ele lê valores de cor, tamanhos de fonte e áreas de toque no Figma; com um rastreador de projetos, ele abre tickets por constatação.

02 Encontre o ideal para você

Quando Usar a Skill accessibility-review

Use a skill accessibility-review no Claude Code ou Codex quando o trabalho for revisão de design deste tipo. Adequação e limites abaixo são retirados do próprio arquivo da skill.

Boa Combinação

Revisar um design quanto a contraste de cores, navegação por teclado, tamanho de área de toque ou comportamento do leitor de tela antes do handoff.
Auditar uma página finalizada, já que você pode fornecer uma URL.
Ler valores de cor, tamanhos de fonte e áreas de toque diretamente de um arquivo Figma quando uma ferramenta de design está conectada.
Transformar a auditoria em trabalho rastreado, criando tickets por achado e vinculando-os a épicos de correção já existentes.

Conheça os Limites

Tratar a auditoria como cobertura completa: a varredura automatizada deixa passar a maioria dos problemas e o teste com tecnologia assistiva real continua sendo necessário.

O Que Fornecer

A própria referência de design ou de páginaEla é substituída na instrução de auditoria como o primeiro argumento.

03 Dentro da skill

Regras que o skill accessibility-review dá ao Claude Code e ao Codex

7 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

Exigir 3:1 dos componentes de UI
Contraste de elementos não textuais de pelo menos 3:1 é exigido para componentes de UI e gráficos pelo critério 1.4.11.
Exigir áreas de toque de 44x44
As áreas de toque devem ter no mínimo 44x44 pixels CSS, conforme o critério 2.5.5.
Tornar tudo alcançável pelo teclado
Toda a funcionalidade precisa estar disponível por teclado (2.1.1), com indicador de foco visível (2.4.7).
Zoom de 200% como aprovado ou reprovado
O layout é testado com zoom de 200% e sinalizado se quebrar.
Vincular cada achado a um critério
Cada linha das tabelas de achados indica o critério WCAG junto com o problema, a severidade e a recomendação.
Classificar a severidade como crítica, maior ou menor
Os achados recebem um de três níveis de severidade, exibidos como marcadores coloridos na coluna de recomendação.
Começar por contraste e teclado
O skill prioriza contraste e teclado porque eles capturam os problemas mais comuns e de maior impacto.

04 Coloque em prática

Instalar accessibility-review no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicionar accessibility-review ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal

npx skills add https://github.com/anthropics/knowledge-work-plugins --skill accessibility-review

Forma genérica da CLI skills para design/skills/accessibility-review/SKILL.md; o repositório pode documentar seu próprio caminho.

Dar à Skill uma Primeira Tarefa de Revisão de Design

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

Starter prompt

Audit accessibility for [Figma URL for the checkout flow] before we hand it to engineering. Start with contrast and keyboard access, and flag anything that would block a screen reader user as critical.

Fonte: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

Navegue por tudo apenas com o teclado.
Teste com VoiceOver ou NVDA em vez de confiar na auditoria.
Verifique as taxas de contraste reais em relação aos valores exigidos.
Resolva as correções prioritárias em ordem, problemas bloqueantes antes do acabamento.

No OpenDesign, importe accessibility-review pelo link do respectivo SKILL.md: Plugins → Add → Skill → Import from link, e depois selecione-o na barra superior.

Baixar OpenDesign Ler o quickstart

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author: Anthropic
Repository: github.com/anthropics/knowledge-work-plugins Branch main
Arquivo da skill: design/skills/accessibility-review/SKILL.md Checksum de conteúdo registrado na verificação; commit 8f877b6
License: Apache-2.0 De LICENSE.
Estrelas do repositório: 24.012 Snapshot do GitHub capturado em 2026-09-14 para todo o repositório anthropics/knowledge-work-plugins, que contém 7 skills neste catálogo. Não é uma classificação ou contagem de uso para accessibility-review.
Verificado pelo OpenDesign: 14/09/2026 Arquivo de origem, caminho, texto da licença e contagem de estrelas foram verificados. Não integrado ao OpenDesign principal (verificado em 28/08/2026); uma execução ao vivo não foi registrada nesta página.

Dentro do SKILL.md

UsoMostra a forma do comando e como o argumento é substituído na auditoria.
Referência rápida WCAG 2.1 AAOnze critérios listados em Perceptível, Operável, Compreensível e Robusto, com seus limites.
Problemas comunsOito falhas recorrentes, de contraste e rótulos de formulário a armadilhas de foco e limites de tempo.
Abordagem de testeCinco passagens: varredura automatizada, teclado, leitor de tela, contraste, zoom de 200%.
SaídaO modelo de relatório com resumo de severidade, tabelas por princípio, linhas de contraste e correções prioritárias.
Se houver conectores disponíveisO que muda com uma ferramenta de design ou um rastreador de projetos conectado.
DicasComece por contraste e teclado, teste com tecnologia assistiva real, priorize por impacto.

A Descrição da Própria Skill

"Execute uma auditoria de acessibilidade WCAG 2.1 AA em um design ou página. Acione com "auditar acessibilidade", "verificar a11y", "isso é acessível?" ou ao revisar um design quanto a contraste de cores, navegação por teclado, tamanho de área de toque ou comportamento de leitor de tela antes da entrega."

Descrição do cabeçalho do SKILL.md. O arquivo completo tem cerca de 4.248 caracteres. Leia o arquivo completo no GitHub.

Revisão de Acessibilidade

Executar accessibility-review em uma Tarefa Real de Revisão de Design.

Baixe o OpenDesign, importe accessibility-review a partir do link SKILL.md, cole o prompt acima e leia o plano antes do resultado.

Baixar OpenDesign Ver todas as skills

Terminal

npx skills add https://github.com/anthropics/knowledge-work-plugins --skill accessibility-review

O que o Skill accessibility-review faz no Claude Code e no Codex

Nos termos do próprio skill

Como funciona

Quando Usar a Skill accessibility-review

Boa Combinação

Conheça os Limites

O Que Fornecer

Regras que o skill accessibility-review dá ao Claude Code e ao Codex

Exigir 3:1 dos componentes de UI

Exigir áreas de toque de 44x44

Tornar tudo alcançável pelo teclado

Zoom de 200% como aprovado ou reprovado

Vincular cada achado a um critério

Classificar a severidade como crítica, maior ou menor

Começar por contraste e teclado