wcag-audit-patternspor Seth Hobson

WCAG Audit Patterns Skill.

Una skill de Claude Code y Codex para revisión de diseño: auditorías WCAG 2.2 con pruebas automatizadas, verificaciones manuales y guía de corrección.

Revisión de Diseño y Accesibilidad
Informe de revisión

Descargar OpenDesign Ver guía de uso

wshobson/agents · plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.mdSKILL.md

--- name: wcag-audit-patterns description: Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns. --- ## When to Use This Skill ## Core Concepts ## Detailed patterns and worked examples ## Best Practices

Encabezados de front matter y sección leídos del archivo upstream el 14/09/2026 · 2439 caracteres en total

01 Qué hace

Qué hace la skill wcag-audit-patterns en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Esta skill realiza auditorías de accesibilidad WCAG 2.2 combinando pruebas automatizadas, verificación manual y orientación para la corrección. Clasifica las infracciones por impacto (Crítico/Bloqueante, Grave, Moderado), abarca tres niveles de conformidad (A para el mínimo legal, AA para la mayoría de las normativas, AAA para necesidades especializadas) y aplica los principios POUR (Perceptible, Operable, Comprensible, Robusto).

La skill aborda infracciones habituales como texto alternativo ausente, problemas de acceso por teclado, contraste de color insuficiente y jerarquía de encabezados incorrecta. Hace hincapié en el HTML semántico, las pruebas con usuarios reales con discapacidad y la creación de bibliotecas de componentes accesibles, reconociendo que solo entre el 30 % y el 50 % de los problemas se detectan mediante automatización.

Qué produce

Estrategias de corrección aplicables para las infracciones detectadas
Documentación de la biblioteca de componentes accesibles

Ver el ejemplo de prompt ↗

Cómo funciona

01
Clasificar las infracciones por impacto
Los problemas se clasifican como Críticos (bloqueantes, como la falta de texto alternativo o de acceso por teclado), Graves (contraste insuficiente, enlaces de salto ausentes) o Moderados (falta del atributo de idioma, texto de enlace poco claro).
02
Aplicar los principios POUR
Auditar según cuatro principios: Perceptible (¿pueden los usuarios percibir el contenido?), Operable (¿pueden los usuarios manejar la interfaz?), Comprensible (¿pueden los usuarios entender el contenido?) y Robusto (¿funciona con tecnología de asistencia?).
03
Combinar pruebas automatizadas y manuales
Las herramientas automatizadas detectan entre el 30 % y el 50 % de los problemas, pero las pruebas manuales son necesarias para una cobertura completa.
04
Consultar la documentación detallada de patrones
Cuando los conceptos básicos no son suficientes, la skill remite a references/details.md para ejemplos resueltos y orientación detallada sobre patrones.

02 Encuentra tu caso de uso

Cuándo usar el skill wcag-audit-patterns

Usa el skill wcag-audit-patterns en Claude Code o Codex cuando el trabajo sea revisión de diseño de este tipo. El alcance y límites se toman del propio archivo del skill.

Buen caso de uso

Realizar auditorías de accesibilidad de contenido web
Corregir infracciones de WCAG en interfaces existentes
Cumplir los requisitos normativos de la ADA o la Sección 508
Prepararse para demandas de accesibilidad
Lograr la documentación de conformidad VPAT

03 Dentro del skill

Reglas que la skill wcag-audit-patterns proporciona a Claude Code y Codex

8 instrucciones concretas, valores por defecto y límites que SKILL.md fija para el agente: la parte del archivo que cambia el resultado.

Comenzar la accesibilidad en la fase de diseño
La accesibilidad debe incorporarse desde el inicio de la fase de diseño, en lugar de añadirse posteriormente como una adaptación.
Usar HTML semántico en primer lugar
Los elementos HTML nativos deben ser la opción predeterminada, ya que reducen la necesidad de ARIA y ofrecen un mejor soporte de accesibilidad.
Nunca confiar únicamente en las pruebas automatizadas
Las pruebas manuales son necesarias porque las herramientas automatizadas solo pueden detectar entre el 30 % y el 50 % de los problemas de accesibilidad.
HTML nativo antes que ARIA
ARIA no debe usarse como primera solución; siempre que sea posible, se debe preferir el uso de elementos HTML nativos.
Preservar los Contornos de Foco
Los contornos de foco no deben ocultarse, ya que los usuarios de teclado dependen de ellos para la navegación.
Nunca Desactivar el Zoom
Los usuarios deben poder redimensionar el contenido, por lo que la funcionalidad de zoom no puede desactivarse.
Múltiples Indicadores Además del Color
El color por sí solo no puede usarse para transmitir información; se requieren múltiples indicadores.
Probar con Usuarios con Discapacidades
Los usuarios reales con discapacidades proporcionan la mejor retroalimentación y deben incluirse en las pruebas.

04 Ponlo a trabajar

Instalar wcag-audit-patterns en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Añadir wcag-audit-patterns a Claude Code, Codex o su agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal

npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

Forma genérica del CLI de skills para plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md; el repositorio puede documentar su propia ruta.

Dale al skill una primera tarea de revisión de diseño

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su material.

Starter prompt

Audit [website URL or component name] against WCAG 2.2 AA standards. Identify all Critical and Serious violations including missing alt text, keyboard access issues, and color contrast failures. For each violation, provide the specific WCAG success criterion, the impact on users with disabilities, and concrete remediation code. Prioritize issues that would block screen reader users.

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

Verifique la compatibilidad con tecnología de asistencia para una implementación robusta

En OpenDesign importe wcag-audit-patterns desde su enlace SKILL.md: Plugins → Add → Skill → Import from link, luego selecciónelo en la barra superior.

Descargar OpenDesign Leer la guía de inicio rápido

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author: Seth Hobson
Repository: github.com/wshobson/agents Rama main
Archivo de skill: plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md Checksum de contenido registrado en verificación; commit 4236bb9
License: MIT De LICENSE.
Estrellas del repositorio: 39.635 Instantánea de GitHub tomada el 2026-09-14 para todo el repositorio wshobson/agents, que contiene 18 skills en este catálogo. No es una calificación ni recuento de uso para wcag-audit-patterns.
Verificado por OpenDesign: 14/09/2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. No incluido en OpenDesign principal (verificado el 28/08/2026); no se ha registrado una ejecución en vivo en esta página.

Dentro del SKILL.md

Cuándo Usar Este SkillEnumera seis escenarios, incluidos auditorías, corrección de infracciones y cumplimiento de requisitos regulatorios
Conceptos BásicosDefine tres niveles de conformidad, los principios POUR y las infracciones comunes según su impacto
Niveles de Conformidad WCAGEl Nivel A es la base legal, el AA es el estándar para regulaciones y el AAA es para necesidades especializadas
Principios POURCuatro principios: Perceptible, Operable, Comprensible y Robusto, con preguntas guía
Infracciones Comunes según su ImpactoClasifica los problemas como bloqueadores Críticos, Graves o Moderados, con ejemplos específicos
Patrones detallados y ejemplos resueltosRemite a references/details.md para una documentación detallada de patrones
Mejores PrácticasEnumera cinco cosas que se deben hacer y cinco que no, para un desarrollo accesible

La descripción propia del Skill

"Realiza auditorías de accesibilidad WCAG 2.2 con pruebas automatizadas, verificación manual y orientación para la corrección. Úsalo al auditar sitios web para accesibilidad, corregir violaciones WCAG o implementar patrones de diseño accesibles."

Descripción del front-matter de SKILL.md. El archivo completo tiene aproximadamente 2.439 caracteres. Lea el archivo completo en GitHub.

06 Antes de instalar

Preguntas sobre el Skill wcag-audit-patterns

Las respuestas provienen del SKILL.md tal como se leyó el 2026-09-14, no de una ejecución registrada.

¿Qué nivel de conformidad WCAG debería utilizar como objetivo?

El Nivel AA es el nivel de conformidad estándar exigido por la mayoría de las regulaciones. El Nivel A es la base legal mínima, mientras que el Nivel AAA solo es necesario para necesidades especializadas. La mayoría de los requisitos de la ADA y de la Sección 508 se cumplen con la conformidad AA.

WCAG Audit Patterns

Ejecutar wcag-audit-patterns en una tarea real de revisión de diseño.

Descarga OpenDesign, importa wcag-audit-patterns desde su enlace SKILL.md, pega el prompt de arriba y lee el plan antes del resultado.

Descargar OpenDesign Ver todas las skills

Terminal

npx skills add https://github.com/wshobson/agents --skill wcag-audit-patterns

Qué hace la skill wcag-audit-patterns en Claude Code y Codex

En los propios términos del Skill

Cómo funciona

Cuándo usar el skill wcag-audit-patterns

Buen caso de uso

Reglas que la skill wcag-audit-patterns proporciona a Claude Code y Codex

Comenzar la accesibilidad en la fase de diseño

Usar HTML semántico en primer lugar

Nunca confiar únicamente en las pruebas automatizadas

HTML nativo antes que ARIA

Preservar los Contornos de Foco

Nunca Desactivar el Zoom

Múltiples Indicadores Además del Color

Probar con Usuarios con Discapacidades