Skills Agentes

Accessibility Compliance

Implementa interfaces conformes con WCAG 2.2, con accesibilidad móvil, patrones de diseño inclusivo y soporte para tecnologías de asistencia.

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
601 tok

64 tok en reposo

Paquete
5 archivos

51 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add wshobson/agents --skill accessibility-compliance --agent claude-code

Se instala solo en este repositorio.

Qué hace

  • Implementa patrones WCAG 2.2 nivel AA/AAA en interfaces web y móviles
  • Añade navegación por teclado, gestión de foco y focus trapping en componentes
  • Crea formularios accesibles con etiquetado correcto y regiones live para anuncios dinámicos
  • Ajusta soporte para prefers-reduced-motion, alto contraste y zoom al 200%
  • Audita accesibilidad y corrige violaciones comunes (alt text, contraste, trampas de foco)

Úsalo cuando

  • Implementar cumplimiento WCAG 2.2 nivel AA o AAA
  • Construir interfaces accesibles para lectores de pantalla
  • Añadir navegación por teclado a componentes interactivos
  • Auditar accesibilidad y corregir violaciones

No lo uses cuando

    Qué lo activa

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

    • “Audita esta página según WCAG 2.2 y dime qué violaciones tiene”
    • “Añade navegación por teclado y focus trapping a este modal”
    • “Haz este formulario accesible con etiquetas y regiones live”

    SKILL.md

    En inglés

    Accessibility Compliance

    Master accessibility implementation to create inclusive experiences that work for everyone, including users with disabilities.

    When to Use This Skill

    • Implementing WCAG 2.2 Level AA or AAA compliance
    • Building screen reader accessible interfaces
    • Adding keyboard navigation to interactive components
    • Implementing focus management and focus trapping
    • Creating accessible forms with proper labeling
    • Supporting reduced motion and high contrast preferences
    • Building mobile accessibility features (iOS VoiceOver, Android TalkBack)
    • Conducting accessibility audits and fixing violations

    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

    1. Use Semantic HTML: Prefer native elements over ARIA when possible
    2. Test with Real Users: Include people with disabilities in user testing
    3. Keyboard First: Design interactions to work without a mouse
    4. Don't Disable Focus Styles: Style them, don't remove them
    5. Provide Text Alternatives: All non-text content needs descriptions
    6. Support Zoom: Content should work at 200% zoom
    7. Announce Changes: Use live regions for dynamic content
    8. Respect Preferences: Honor prefers-reduced-motion and prefers-contrast

    Common Issues

    • Missing alt text: Images without descriptions
    • Poor color contrast: Text hard to read against background
    • Keyboard traps: Focus stuck in component
    • Missing labels: Form inputs without associated labels
    • Auto-playing media: Content that plays without user initiation
    • Inaccessible custom controls: Recreating native functionality poorly
    • Missing skip links: No way to bypass repetitive content
    • Focus order issues: Tab order doesn't match visual order

    Testing Tools

    • Automated: axe DevTools, WAVE, Lighthouse
    • Manual: VoiceOver (macOS/iOS), NVDA/JAWS (Windows), TalkBack (Android)
    • Simulators: NoCoffee (vision), Silktide (various disabilities)

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

    Archivos

    5 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
    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 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 24 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 24 días
    bases de datos

    Ú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 24 días
    productividad

    Ú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

    Domina los principios de diseño REST y GraphQL para construir APIs intuitivas, escalables y mantenibles que encanten a los desarrolladores.

    Costo de contexto al activarse
    901 tok
    Tamaño del paquete
    6 archivos
    Última actualización
    hace 4 meses
    desarrollo apis

    Implementa protocolos DeFi con plantillas listas para producción de staking, AMMs, gobernanza y flash loans. Úsalo al construir aplicaciones de finanzas descentralizadas o contratos inteligentes.

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

    Crea proyectos FastAPI listos para producción con patrones async, inyección de dependencias y manejo de errores integral, para nuevas aplicaciones o APIs backend.

    Costo de contexto al activarse
    951 tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 4 meses
    desarrollo apis