accessibility-compliancepor Seth Hobson

Accessibility Compliance Skill.

Uma skill para Claude Code e Codex focada em revisão de design: interfaces em conformidade com WCAG 2.2, com acessibilidade móvel e suporte a tecnologias assistivas.

Design Review & Accessibility
Código de UI

Baixar OpenDesign Ver guia de uso

wshobson/agents · plugins/ui-design/skills/accessibility-compliance/SKILL.mdSKILL.md

--- name: accessibility-compliance description: Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences. --- ## When to Use This Skill ## Detailed patterns and worked examples ## Best Practices ## Testing Tools

Cabeçalho e títulos de seção lidos do arquivo original em 14/09/2026 · 2.402 caracteres no total

01 O que faz

O que o Skill accessibility-compliance 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

Este skill implementa interfaces em conformidade com a WCAG 2.2, com acessibilidade mobile e suporte a tecnologias assistivas. Ele orienta agentes quanto a HTML semântico, padrões ARIA, navegação por teclado, gestão de foco, compatibilidade com leitores de tela e anúncios de conteúdo dinâmico. O skill abrange iOS VoiceOver, Android TalkBack e leitores de tela de desktop (NVDA, JAWS).

Ele prioriza elementos nativos em vez de ARIA personalizado, respeitando preferências do usuário como prefers-reduced-motion e prefers-contrast, e testando com ferramentas automatizadas (axe DevTools, WAVE, Lighthouse) e tecnologias assistivas reais. A skill aborda violações comuns, incluindo texto alt ausente, contraste insuficiente, armadilhas de teclado e campos de formulário sem rótulo.

O que ele produz

Interfaces em conformidade com a WCAG 2.2, com padrões ARIA adequados, gerenciamento de foco e suporte a leitores de tela

Veja o exemplo de prompt ↗

Como funciona

01
Projete interações com o teclado em primeiro lugar
Garanta que todos os componentes interativos funcionem sem mouse, estabelecendo a navegação por teclado antes de adicionar eventos de ponteiro.

02 Encontre o ideal para você

Quando usar a accessibility-compliance Skill

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

Boa Combinação

Implementar conformidade com a WCAG 2.2 Nível AA ou AAA para um aplicativo ou site web
Criar interfaces acessíveis a leitores de tela compatíveis com VoiceOver, NVDA, JAWS ou TalkBack
Adicionar navegação por teclado e gerenciamento de foco a componentes interativos
Realizar auditorias de acessibilidade e corrigir violações em interfaces existentes
Oferecer suporte a preferências de movimento reduzido e alto contraste na interface

03 Dentro da skill

O que a Skill accessibility-compliance traz para revisão de design

2 coisas que o SKILL.md instrui Claude Code ou Codex a fazer, na ordem das seções do próprio arquivo.

Práticas Recomendadas
Prefira elementos nativos em vez de ARIA quando possível; Inclua pessoas com deficiência em testes com usuários; Projete interações que funcionem sem mouse
Ferramentas de Teste
axe DevTools, WAVE, Lighthouse; VoiceOver (macOS/iOS), NVDA/JAWS (Windows), TalkBack (Android); NoCoffee (visão), Silktide (várias deficiências)

04 Coloque em prática

Instalar accessibility-compliance 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-compliance 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/wshobson/agents --skill accessibility-compliance

Forma genérica do CLI skills para plugins/ui-design/skills/accessibility-compliance/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 the [product dashboard] for WCAG 2.2 Level AA compliance. Check for missing alt text, color contrast violations, keyboard traps, and unlabeled form inputs. Implement focus management for the [modal dialog component] and add ARIA live regions to announce [real-time notification updates]. Test with VoiceOver and ensure the interface respects prefers-reduced-motion.

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:

Teste manualmente com VoiceOver no macOS ou iOS para verificar os anúncios e a navegação do leitor de tela
Use simuladores de visão como o NoCoffee e simuladores de deficiência como o Silktide para testar diversas limitações

No OpenDesign, importe accessibility-compliance a partir do link do SKILL.md: Plugins → Add → Skill → Import from link, 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: Seth Hobson
Repository: github.com/wshobson/agents Branch main
Arquivo da skill: plugins/ui-design/skills/accessibility-compliance/SKILL.md Checksum de conteúdo registrado na verificação; commit 4236bb9
License: MIT Do LICENSE.
Estrelas do repositório: 39.635 Instantâneo do GitHub tirado em 14/09/2026 para todo o repositório wshobson/agents, que contém 18 skills neste catálogo. Não é uma avaliação ou contagem de uso de accessibility-compliance.
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

Quando usar esta skillConformidade com a WCAG, leitores de tela, navegação por teclado, gerenciamento de foco, formulários, acessibilidade em dispositivos móveis, auditorias
Padrões detalhados e exemplos práticosAponta para references/details.md para documentação de padrões quando as orientações de nível superior são insuficientes
Boas práticasOito regras essenciais: HTML semântico, testes com usuários reais, teclado em primeiro lugar, estilos de foco, alternativas textuais, zoom, regiões dinâmicas, preferências
Problemas comunsTexto alt ausente, contraste insuficiente, armadilhas de teclado, campos sem rótulo, reprodução automática, controles personalizados ruins, links de salto, ordem de foco
Ferramentas de testeFerramentas automatizadas (axe, WAVE, Lighthouse), leitores de tela manuais (VoiceOver, NVDA, JAWS, TalkBack), simuladores (NoCoffee, Silktide)

A Descrição da Própria Skill

"Implemente interfaces em conformidade com WCAG 2.2 com acessibilidade móvel, padrões de design inclusivo e suporte a tecnologias assistivas. Use ao auditar acessibilidade, implementar padrões ARIA, construir para leitores de tela ou garantir experiências de usuário inclusivas."

Descrição do front-matter do SKILL.md. O arquivo completo tem cerca de 2.402 caracteres. Leia o arquivo completo no GitHub.

Conformidade com Acessibilidade

Execute accessibility-compliance em uma tarefa real de revisão de design.

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

Baixar OpenDesign Ver todas as skills