wcag-audit-patterns
Ejecutar auditorías WCAG 2.2 con listas de verificación claras
Las auditorías de accesibilidad son complejas y es fácil pasar por alto problemas críticos. Esta habilidad proporciona listas de verificación WCAG 2.2, guía de pruebas y patrones de remediación para sitios web y aplicaciones.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "wcag-audit-patterns". Audit our checkout flow for WCAG 2.2 AA issues.
Resultado esperado:
- Check keyboard access for all interactive elements
- Verify color contrast on primary buttons and error text
- Ensure form inputs have labels and error messages are announced
- Add skip link and validate focus visibility
- Document fixes and retest with axe-core
Usando "wcag-audit-patterns". What are the critical WCAG issues to check on a landing page?
Resultado esperado:
- Missing alt text on images and icons
- No keyboard access to buttons and links
- Low color contrast on text and backgrounds
- Missing form labels on signup fields
- No visible focus indicators on interactive elements
Usando "wcag-audit-patterns". Help me fix the navigation for screen reader users.
Resultado esperado:
- Add proper landmarks: main, nav, aside, footer
- Use semantic HTML for navigation menus
- Ensure skip to main content link exists
- Add ARIA labels for custom menu buttons
- Test reading order with screen reader software
Auditoría de seguridad
SeguroThis is a pure documentation skill containing WCAG 2.2 audit guidance. No executable code, scripts, network calls, file access, or system interactions are present. The skill only contains markdown documentation with checklists and code examples for reference. All 86 static findings are false positives caused by the scanner misinterpreting markdown syntax (code block delimiters flagged as shell execution, section headers flagged as crypto algorithms, accessibility testing references flagged as reconnaissance).
Factores de riesgo
🌐 Acceso a red (8)
⚙️ Comandos externos (45)
Puntuación de calidad
Lo que puedes crear
Auditoría de preparación para lanzamiento
Usa la lista de verificación para validar páginas clave antes de un lanzamiento a producción.
Mejorar patrones de componentes
Aplica patrones de remediación para corregir etiquetas, contraste y estados de enfoque.
Preparar una revisión WCAG
Asigna hallazgos a los niveles WCAG y documenta brechas para un informe.
Prueba estos prompts
Crea una lista de verificación para principiantes para un sitio pequeño de marketing, enfocándose en elementos WCAG A y AA.
Enumera los principales problemas WCAG para formularios y proporciona correcciones HTML concretas para etiquetas y errores.
Propón un plan usando axe-core y Playwright para detectar problemas WCAG 2.2 AA.
Borrador de un esquema de auditoría con pasos de recolección de evidencia y prioridades de remediación.
Mejores prácticas
- Combina verificaciones automatizadas con pruebas manuales
- Usa HTML semántico antes de agregar ARIA
- Registra evidencia y prioriza por impacto
Evitar
- Confiar solo en herramientas automatizadas
- Eliminar contornos de enfoque por diseño visual
- Usar color como único indicador de estado
Preguntas frecuentes
¿Es esto compatible con Claude, Codex y Claude Code?
¿Cuáles son los límites del contenido de auditoría?
¿Puede integrarse con pipelines de CI?
¿Se acceden o almacenan mis datos?
¿Qué hacer si los resultados entran en conflicto con las herramientas?
¿Cómo se compara esto con un servicio de auditoría completo?
Detalles del desarrollador
Autor
wshobsonLicencia
MIT
Repositorio
https://github.com/wshobson/agents/tree/main/plugins/accessibility-compliance/skills/wcag-audit-patternsRef.
main
Estructura de archivos
📄 SKILL.md