Habilidades accessibility-fundamentals

📦

accessibility-fundamentals

Name: accessibility-fundamentals
Author: DanielPodolsky

Revisão do conteúdo r1 Seguro ⚙️ Comandos externos

Revisar fundamentos de acessibilidade em React

Interfaces interativas em React frequentemente deixam passar requisitos de teclado, rotulagem e foco. Esta skill orienta Claude, Codex e Claude Code por verificações práticas de WCAG para JSX, formulários, navegação e diálogos.

Suporta: Claude Codex Code(CC)

🥉 79 Bronze

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do agente

Review the Skillstore skill "accessibility-fundamentals" from https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals.md and its manifest at https://skillstore.io/api/skills/danielpodolsky-accessibility-fundamentals/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.

Recursos legíveis por agentes

Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.

Detalhe em Markdown GET /skills/danielpodolsky-accessibility-fundamentals.md manifest assinado GET /api/skills/danielpodolsky-accessibility-fundamentals/manifest lockfile assinado GET /api/skills/danielpodolsky-accessibility-fundamentals/lockfile

Testar

Usando "accessibility-fundamentals". Um pull request adiciona um botão de exclusão apenas com ícone e um formulário com campos apenas com placeholder.

Resultado esperado:

A revisão identifica nomes acessíveis ausentes e rótulos de formulário ausentes, explica o impacto para o usuário e recomenda rótulos visíveis, além de um nome claro para o botão.

Usando "accessibility-fundamentals". Um componente modal abre a partir de um menu de navegação e fecha apenas por clique do mouse.

Resultado esperado:

A revisão destaca a ausência de comportamento de escape por teclado, requisitos de aprisionamento de foco e a necessidade de devolver o foco ao acionador.

Usando "accessibility-fundamentals". Uma página usa badges de status coloridos e remove os contornos de foco padrão.

Resultado esperado:

A revisão sinaliza significado transmitido apenas por cor e foco de teclado invisível, depois sugere indicadores de texto e um estilo de foco visível.

Auditoria de segurança

Seguro

v9 • 06/07/2026 Abrir o relatório versionado

All external command findings are false positives caused by Markdown inline code and fenced JSX, CSS, testing, and MCP examples in SKILL.md. The system reconnaissance finding is also a false positive for a CSS focus outline declaration. No prompt injection, credential handling, exfiltration intent, or malicious behavior was found.

Arquivos analisados

287

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.

Auditado por: codex Ver histórico de auditoria →

Compartilhar e citar este relatório

Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.

Abrir o relatório versionado

Copiar link do relatório

https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/danielpodolsky-accessibility-fundamentals/security.svg)](https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/danielpodolsky-accessibility-fundamentals/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Cartão incorporável

<iframe src="https://skillstore.io/embed/skills/danielpodolsky-accessibility-fundamentals.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citações acadêmicas (APA · BibTeX · CFF)

Citação APA

DanielPodolsky. (2026). accessibility-fundamentals security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9

Citação BibTeX

@techreport{danielpodolsky-danielpodolsky-accessibility-fundamentals-2026,
  author = {DanielPodolsky},
  title = {accessibility-fundamentals security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "accessibility-fundamentals security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
  - name: "DanielPodolsky"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/danielpodolsky-accessibility-fundamentals/audits/9"
identifiers:
  - type: other
    value: "skillstore:danielpodolsky-accessibility-fundamentals:audit:9"
    description: "Skillstore immutable audit report identifier"

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Alto

Arquitetura

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

Revisar um formulário React antes do merge

Verifique rótulos, mensagens de erro, estados inválidos e comportamento por teclado antes que um pull request seja aprovado.

Avaliar um componente de design system

Avalie botões, controles com ícones, modais, menus e padrões de navegação em busca de problemas reutilizáveis de acessibilidade.

Preparar notas de acessibilidade para entrevistas

Transforme trabalho de implementação em exemplos claros sobre HTML semântico, gerenciamento de foco e decisões de design inclusivo.

Teste estes prompts

Verificação JSX para iniciantes

Revise este JSX quanto à acessibilidade básica. Foque em elementos semânticos, rótulos, texto alternativo, acesso por teclado e estados de foco visíveis.

Revisão de acessibilidade de formulário

Audite este formulário quanto à acessibilidade. Verifique associações de rótulos, vinculação de mensagens de erro, uso de aria-invalid, dependência de placeholder e conclusão por teclado.

Auditoria de componente interativo

Revise este componente interativo quanto a comportamento por teclado, gerenciamento de foco, caminhos de escape, nomes acessíveis e estado ARIA apropriado.

Gate de release avançado

Execute uma revisão de acessibilidade pronta para release. Priorize impacto em WCAG, risco para o usuário, cobertura de testes manuais, lacunas em testes automatizados e etapas concretas de correção.

Boas práticas

Comece com HTML semântico antes de adicionar atributos ARIA.
Teste todos os fluxos interativos com um teclado antes de aprovar alterações.
Combine verificações automatizadas com axe com revisão manual por leitor de tela, zoom e foco.

Evitar

Usar elementos div ou span como botões sem comportamento nativo de teclado.
Usar placeholders como o único rótulo para campos de formulário.
Remover contornos de foco sem uma substituição visível.

Perguntas frequentes

Esta skill executa testes de acessibilidade automaticamente?

Não. Ela fornece orientação de revisão e sugestões de teste, mas o usuário ou agente deve executar as ferramentas reais.

Em quais frameworks ela se encaixa melhor?

Ela se encaixa melhor em React e JSX, especialmente componentes com formulários, botões, navegação, diálogos e interações personalizadas.

Ela substitui uma auditoria WCAG?

Não. Ela ajuda a encontrar problemas comuns, mas a conformidade formal exige testes mais amplos e revisão especializada.

Ela pode ajudar em decisões sobre ARIA?

Sim. Ela explica atributos ARIA comuns e incentiva HTML semântico antes de adicionar ARIA.

O que devo fornecer para obter a melhor revisão?

Forneça o código do componente, o fluxo de usuário esperado, o comportamento de validação e quaisquer requisitos de design para foco ou estado.

Ela é útil para designers?

Sim. Designers podem usá-la para verificar rótulos, estados de foco, dependência de cor e requisitos de interação antes do handoff.

Detalhes do desenvolvedor

Autor

DanielPodolsky

Licença

MIT

Revisão da Skillstore

Aviso de versão

O autor não declarou uma versão.

Repositório

https://github.com/DanielPodolsky/mentor-spec/tree/main/.claude/skills/fundamentals/accessibility

Referência

34f316ba14ef36c7a620fc09f2676d2429997a77

Atualidade da manutenção

22/07/2026

Uso

7 downloads · 203 visualizações

Estrutura de arquivos

📄 SKILL.md

accessibility-fundamentals

Instalar com meu Agente

Recursos legíveis por agentes

Testar

Auditoria de segurança

Fatores de risco

Copiar link do relatório

Badge Markdown

Badge HTML

Cartão incorporável

Citação APA

Citação BibTeX

CITATION.cff

Pontuação do Skillstore

O que você pode criar

Revisar um formulário React antes do merge

Avaliar um componente de design system

Preparar notas de acessibilidade para entrevistas

Teste estes prompts

Boas práticas

Evitar

Perguntas frequentes

Detalhes do desenvolvedor