Skills Agentes

Wcag Audit Patterns

Realiza auditorías de accesibilidad WCAG 2.2 con pruebas automatizadas, verificación manual y guía de remediación. Útil para auditar sitios, corregir violaciones y aplicar patrones de diseño accesible.

Estrellas
39.8k

en todo el repo

Actividad
43

0–100, la ruta de este skill

Actualizado
hace 4 meses

último commit aquí

Commits
0

últimos 90 días

Contexto
628 tok

56 tok en reposo

Paquete
2 archivos

12 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add wshobson/agents --skill wcag-audit-patterns --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Guía auditorías de accesibilidad web según WCAG 2.2 con niveles de conformidad A/AA/AAA
  • Aplica los principios POUR (Perceivable, Operable, Understandable, Robust) para evaluar contenido
  • Clasifica violaciones comunes por impacto (crítico, serio, moderado) con ejemplos
  • Ofrece buenas prácticas y errores a evitar en remediación de accesibilidad
  • Remite a references/details.md para patrones detallados y ejemplos trabajados

Úsalo cuando

  • Al realizar auditorías de accesibilidad
  • Al corregir violaciones de WCAG
  • Al implementar componentes o patrones de diseño accesibles
  • Al prepararse para cumplir ADA/Section 508 o lograr conformidad VPAT

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • “Audita este sitio contra WCAG 2.2 nivel AA”
    • “Ayúdame a corregir los problemas de contraste y foco de teclado”
    • “¿Qué necesito para cumplir con Section 508 en mi web?”
    • “Revisa este formulario para ver si tiene etiquetas accesibles”

    SKILL.md

    En inglés

    WCAG Audit Patterns

    Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.

    When to Use This Skill

    • Conducting accessibility audits
    • Fixing WCAG violations
    • Implementing accessible components
    • Preparing for accessibility lawsuits
    • Meeting ADA/Section 508 requirements
    • Achieving VPAT compliance

    Core Concepts

    1. WCAG Conformance Levels

    Level Description Required For
    A Minimum accessibility Legal baseline
    AA Standard conformance Most regulations
    AAA Enhanced accessibility Specialized needs

    2. POUR Principles

    Perceivable:  Can users perceive the content?
    Operable:     Can users operate the interface?
    Understandable: Can users understand the content?
    Robust:       Does it work with assistive tech?
    

    3. Common Violations by Impact

    Critical (Blockers):
    ├── Missing alt text for functional images
    ├── No keyboard access to interactive elements
    ├── Missing form labels
    └── Auto-playing media without controls
    
    Serious:
    ├── Insufficient color contrast
    ├── Missing skip links
    ├── Inaccessible custom widgets
    └── Missing page titles
    
    Moderate:
    ├── Missing language attribute
    ├── Unclear link text
    ├── Missing landmarks
    └── Improper heading hierarchy
    

    Detailed patterns and worked examples

    Detailed pattern documentation lives in references/details.md. Read that file when the navigation tier above is insufficient.

    Best Practices

    Do's

    • Start early - Accessibility from design phase
    • Test with real users - Disabled users provide best feedback
    • Automate what you can - 30-50% issues detectable
    • Use semantic HTML - Reduces ARIA needs
    • Document patterns - Build accessible component library

    Don'ts

    • Don't rely only on automated testing - Manual testing required
    • Don't use ARIA as first solution - Native HTML first
    • Don't hide focus outlines - Keyboard users need them
    • Don't disable zoom - Users need to resize
    • Don't use color alone - Multiple indicators needed

    Reproducido de wshobson/agents bajo licencia MIT. Leer esta página en markdown.

    Archivos

    2 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Detalles

    Creador
    wshobson
    Categoría
    Testing y QA
    Licencia
    MIT
    Recursos incluidos
    referencias
    Repositorio
    wshobson/agents
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de wshobson/agents

    Este repo incluye 183 skills. Si instalas uno, normalmente ya tienes los demás. Ver el pack agents entero y su comando de instalación

    Instala y opera Hermes Tweet, un plugin de Hermes Agent para investigar X/Twitter, leer timelines, analizar tweets y ejecutar operaciones privadas o de cambio de estado con aprobación previa.

    Costo de contexto al activarse
    1.4k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    el mes pasado
    redes sociales

    Úsalo cuando un proyecto guarda su estado en Superself: lee `self context` al iniciar sesión, vincula el trabajo a una work unit, reporta con evidencia y registra decisiones confirmadas.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 25 días
    productividad

    Úsalo para mantener un almacén Markdown de conocimiento donde cada afirmación compilada se rastrea hasta una fuente inmutable y el drift se detecta con git diff sin gastar tokens.

    Costo de contexto al activarse
    1.4k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 25 días
    documentos

    Úsalo al diseñar o revisar un esquema específico de PostgreSQL: buenas prácticas, tipos de datos, indexación, restricciones, patrones de rendimiento y funciones avanzadas.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 25 días
    bases de datos

    Úsalo cuando pidan optimizar un prompt, mejorar su rendimiento, diseñar una plantilla, aplicar chain-of-thought, few-shot prompting o técnicas avanzadas de prompt engineering para producción.

    Costo de contexto al activarse
    1.3k tok
    Tamaño del paquete
    10 archivos
    Última actualización
    el mes pasado
    herramientas desarrollo

    Audita y reescribe prosa para que deje de sonar generada por máquina. Incluye modo solo-detección, modo reescritura y modo edición en el lugar, con perfiles opcionales de voz y contexto.”

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    4 archivos
    Última actualización
    el mes pasado
    redaccion contenido

    Skills relacionados

    Construye el eval harness que condiciona cada fine-tuning: golden sets, graders por modo de fallo, calibración de juez y baselines del modelo base.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    3 archivos
    Última actualización
    hace 2 meses
    testing qa

    Prueba workflows de Temporal con pytest, time-skipping y estrategias de mocking: testing unitario, de integración, de replay y configuración de desarrollo local.

    Costo de contexto al activarse
    1.2k tok
    Tamaño del paquete
    5 archivos
    Última actualización
    hace 5 meses
    testing qa

    Úsalo al revisar código Python en busca de antipatrones comunes: como checklist antes de finalizar implementaciones o al depurar problemas derivados de malas prácticas conocidas.

    Costo de contexto al activarse
    2k tok
    Tamaño del paquete
    1 archivo
    Última actualización
    hace 6 meses
    testing qa