360 Secure SkillHub
360 安全技能中心

specsfy-specialist-web-accessibility

该 Skill 提供一套 Web 可访问性实现与审计流程:先定义 WCAG 级别与关键流程,优先使用原生 HTML 与正确的无障碍名称,处理键盘与焦点、对比度、缩放与动态内容,并配合自动化检查、可访问性树人工检查与屏幕阅读器测试,产出问题与限制说明。

promovaweb
热度 0.00
最近更新 2026-10-19 06:51:12
分类:开发依赖:纯提示词应用场景:代码生成 / 代码审查

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add promovaweb/specsfy/specsfy-specialist-web-accessibility
Metadata
name
specsfy-specialist-web-accessibility
description
Implementar e auditar acessibilidade web com WCAG, HTML semântico, teclado, foco, nomes acessíveis, contraste, zoom e tecnologias assistivas. Use para componentes, páginas, formulários, dashboards e revisões de conformidade; automação não substitui teste manual.

Acessibilidade web

Fluxo

  1. Definir público, nível WCAG requerido e fluxos críticos.
  2. Usar elemento HTML nativo antes de ARIA ou widget customizado.
  3. Verificar estrutura, landmarks, headings, labels e nomes acessíveis.
  4. Implementar teclado, ordem de foco, foco visível e gestão após mudanças.
  5. Validar cor, contraste, zoom, reflow, movimento e mídia.
  6. Executar análise automática e inspeção manual.
  7. Testar fluxos críticos com leitor de tela e documentar limitações.

Padrões

  • Nenhuma ação depende apenas de hover, cor, gesto ou pointer preciso.
  • Todo controle tem nome, papel, valor e estado corretos.
  • Modal prende foco, fecha por mecanismo previsível e devolve foco.
  • Erros são associados aos campos e resumidos quando necessário.
  • Updates assíncronos anunciam somente informação relevante.
  • Charts oferecem texto/tabela equivalente e não dependem de cor.
  • ARIA nunca corrige semântica nativa incorreta.

Validação

  • Teclado completo sem armadilha.
  • Zoom 200%, reflow 400%, contraste e forced colors quando aplicável.
  • Axe/linter mais inspeção do accessibility tree.
  • Leitor de tela nos fluxos de maior risco.

Leia references/standards.md para critérios WCAG, padrões APG, formulários, dashboards e testes.