القائمة
Audita WCAG 2.2 sobre HTML, URL, imagen o directorio; genera hallazgos priorizados con fixes y guarda en .ux/a11y/<slug>.md.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/chichex/cvm --skill ux-a11y-auditيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | ux-a11y-audit |
| description | Audita WCAG 2.2 sobre HTML, URL, imagen o directorio; genera hallazgos priorizados con fixes y guarda en .ux/a11y/<slug>.md. |
Auditor WCAG 2.2 AA dedicado. Aplica reglas deterministicas sobre HTML, URL, imagen, o directorio. Genera reporte priorizado por severidad con fixes concretos. Mas estricto y exhaustivo que /ux-critique. Los argumentos del skill son el target y pueden venir vacios.
Skill interactivo.
Mismo flujo que /ux-critique: detectar si es path local (imagen o HTML), URL, directorio, o paste.
Casos especiales:
.ux/components/): auditar todos los .html adentro..html: auditar ese archivo./ux-critique).Nivel WCAG a auditar:
1) AA (recomendado — baseline legal en 2025)
2) AAA (mas estricto — solo si tu producto tiene cumplimiento especifico)
3) Solo Level A (minimo absoluto — no recomendado)
Guardar LEVEL. Default 1) AA.
Algun area especifica a priorizar?
1) Todo (default — auditoria completa)
2) Solo contraste de color
3) Solo navegacion por teclado y focus
4) Solo formularios (labels, ARIA, estado de error)
5) Solo media (alt text, captions, transcripts)
Guardar FOCUS.
Derivar <slug> desde el target (path, hostname, o descripcion) en kebab-case, max 40 chars. Se usa para guardar en .ux/a11y/<slug>.md.
Si target es HTML/directorio: leer archivos. Parsear estructura. Si imagen: Read con vision. Si URL: WebFetch + screenshot.
Aplicar segun LEVEL y FOCUS. Cada hallazgo tiene:
1.4.3)1.1.1 Non-text content (A)
<img> sin alt? → urgente<img alt=""> para imagen decorativa → ok, validar que efectivamente sea decorativa<svg> con contenido informativo sin <title> o aria-label → importante1.3.1 Info and Relationships (A)
<h1> por pagina → importante<div> en lugar de <ul>/<ol> → menor<th> o scope → importante1.3.5 Identify Input Purpose (AA)
autocomplete apropiado → menor1.4.3 Contrast (Minimum) (AA)
1.4.11 Non-text Contrast (AA)
2.1.1 Keyboard (A)
<div onclick>) sin tabindex y sin keyboard handler → urgenterole apropiado → importante2.4.7 Focus Visible (AA)
:focus overrideado a outline: none sin alternativa visible → urgente2.4.11 Focus Not Obscured (Minimum) (AA) (nuevo en 2.2)
2.5.8 Target Size (Minimum) (AA) (nuevo en 2.2)
<button>, <a>, custom) con altura+ancho <24x24 CSS px → importante3.1.1 Language of Page (A)
<html> sin lang → importante3.3.1 Error Identification (A)
3.3.2 Labels or Instructions (A)
<input> sin <label> asociado (via for o anidado) ni aria-label → urgente3.3.7 Redundant Entry (A) (nuevo en 2.2)
3.3.8 Accessible Authentication (Minimum) (AA) (nuevo en 2.2)
4.1.2 Name, Role, Value (A)
<div role="button">) sin nombre accesible → urgentearia-expanded/aria-selected/aria-checked → importante4.1.3 Status Messages (AA)
role="status" o aria-live → importanteLEVEL=2)Aparte de los criterios WCAG, verificar:
@media (prefers-reduced-motion: reduce) que cancela animaciones?window.matchMedia('(prefers-reduced-motion: reduce)')?prefers-reduced-motion → importante (relacionado a 2.3.3 Animation from Interactions AAA, pero practica AA estandar).## Auditoria WCAG 2.2 <LEVEL>: <target>
**Target**: <path/URL/directorio>
**Foco**: <FOCUS>
**Archivos auditados**: <N> (si directorio)
**Limitaciones**: <"sin vision" si target=HTML sin imagen, "vision-only sin codigo" si target=imagen>
## Resumen
| Severidad | Count |
|-----------|-------|
| Urgente | <N> |
| Importante | <N> |
| Menor | <N> |
| Nit | <N> |
**Cumplimiento estimado**: <%> del nivel <LEVEL>.
## Hallazgos por criterio
### 1.4.3 Contrast (Minimum) — AA
- [<sev>] **<donde>** — <problema> (ratio actual: <X.X>:1, requerido: 4.5:1)
- Fix: <accion>
- [<sev>] **** — ...
(igual)
...
(repetir por cada criterio con al menos 1 hallazgo)
[] @ :
Fix:
...
Status:
Items que requieren testing manual:
Screen reader (real, con NVDA/JAWS/VoiceOver).
Navegacion por teclado end-to-end.
Carga cognitiva de los flows.
Reading order con CSS Grid / Flexbox (a veces tab order != reading order).
---
Preguntar: Confirmás que guardo el output en .ux/a11y/<slug>.md? (si/no, default: si). Si acepta, si la carpeta .ux/a11y/ no existe, crearla con mkdir -p .ux/a11y/ antes de escribir. Luego crear el archivo con el tool de edicion seguro disponible.
Reportar skill, nivel, foco, archivos auditados, total de hallazgos, urgentes e importantes, cumplimiento estimado, estado de reduced-motion, file resultante y si se guardo.
skill: /ux-a11y-audit
saved: <true | false>
file: .ux/a11y/<slug>.md
level: <LEVEL>
focus: <FOCUS>
files_audited: <N>
findings_total: <N>
findings_urgent: <N>
findings_important: <N>
compliance_estimated: <%>
reduced_motion: <ok | falta>
LEVEL y FOCUS.1.4.3) y nombre en cada hallazgo..ux/a11y/<slug>.md.gh ni depender de GitHub.