Vai alla guida all’uso
wcag-audit-patternsdi Seth Hobson

WCAG Audit Patterns Skill.

Uno skill per Claude Code e Codex dedicato alla design review: audit WCAG 2.2 con test automatizzati, verifiche manuali e indicazioni per la correzione.

  • Design Review & Accessibility
  • Report di revisione
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
Metadati e intestazioni di sezione estratti dal file upstream il 14/09/2026 · 2.439 caratteri in totale

01 Cosa fa

Cosa fa la Skill wcag-audit-patterns in Claude Code e Codex

Sintesi, workflow e output, tutto letto dal SKILL.md della skill.

Dal SKILL.mdLetto il 14-09-2026 · non è un'esecuzione registrata

Nelle parole della skill

Questa skill esegue audit di accessibilità WCAG 2.2 combinando test automatizzati, verifica manuale e indicazioni di rimedio. Categorizza le violazioni per impatto (Critiche/Bloccanti, Serie, Moderate), copre tre livelli di conformità (A per la base legale, AA per la maggior parte delle normative, AAA per esigenze specialistiche) e applica i principi POUR (Percepibile, Utilizzabile, Comprensibile, Robusto).

La skill affronta violazioni comuni tra cui testo alternativo mancante, problemi di accesso da tastiera, contrasto colore insufficiente e gerarchia dei titoli non corretta. Enfatizza l'HTML semantico, i test con utenti reali con disabilità e la creazione di librerie di componenti accessibili, riconoscendo che solo il 30-50% dei problemi è rilevabile tramite automazione.

Che cosa produce

  • Strategie di rimedio praticabili per le violazioni identificate
  • Documentazione della libreria di componenti accessibili
Vedi l'esempio di prompt ↗

Come funziona

  1. 01
    Categorizzare le Violazioni per Impatto

    I problemi sono classificati come Critici (bloccanti come testo alternativo mancante e assenza di accesso da tastiera), Seri (contrasto insufficiente, link di salto mancanti) o Moderati (attributo lingua mancante, testo del link poco chiaro).

  2. 02
    Applicare i Principi POUR

    Verificare rispetto a quattro principi: Percepibile (gli utenti possono percepire il contenuto), Utilizzabile (gli utenti possono utilizzare l'interfaccia), Comprensibile (gli utenti possono comprendere il contenuto) e Robusto (funziona con tecnologie assistive).

  3. 03
    Combinare Test Automatizzati e Manuali

    Gli strumenti automatizzati rilevano il 30-50% dei problemi, ma i test manuali sono necessari per una copertura completa.

  4. 04
    Fare Riferimento alla Documentazione Dettagliata dei Pattern

    Quando i concetti fondamentali non sono sufficienti, la skill indirizza a references/details.md per esempi svolti e indicazioni approfondite sui pattern.

02 Trova la tua applicazione

Quando Utilizzare la Skill wcag-audit-patterns

Utilizza la skill wcag-audit-patterns in Claude Code o Codex quando il lavoro è una design review di questo tipo. Ambito e limiti riportati qui sotto sono tratti dal file della skill stessa.

Buona applicazione

  • Eseguire audit di accessibilità dei contenuti web
  • Correggere violazioni WCAG in interfacce esistenti
  • Soddisfare i requisiti normativi ADA o Section 508
  • Prepararsi per contenziosi sull'accessibilità
  • Ottenere la documentazione di conformità VPAT

    03 Dentro la skill

    Regole che la Skill wcag-audit-patterns Fornisce a Claude Code e Codex

    8 istruzioni concrete, valori predefiniti e limiti che il SKILL.md imposta per l'agente — la parte del file che cambia il risultato.

    1. Iniziare l'Accessibilità nella Fase di Progettazione

      L'accessibilità deve essere incorporata già nella fase di progettazione, piuttosto che aggiunta come intervento successivo.

    2. Usare Prima l'HTML Semantico

      Gli elementi HTML nativi dovrebbero essere la scelta predefinita, poiché riducono la necessità di ARIA e offrono un supporto all'accessibilità migliore.

    3. Non Fare Mai Affidamento Solo sui Test Automatizzati

      I test manuali sono necessari perché gli strumenti automatizzati possono rilevare solo il 30-50% dei problemi di accessibilità.

    4. HTML Nativo Prima di ARIA

      ARIA non deve essere usato come prima soluzione; preferire sempre gli elementi HTML nativi, ove possibile.

    5. Conservare i Focus Outline

      I focus outline non devono essere nascosti perché gli utenti da tastiera dipendono da essi per la navigazione.

    6. Non Disabilitare Mai lo Zoom

      Gli utenti devono poter ridimensionare i contenuti, quindi la funzionalità di zoom non può essere disabilitata.

    7. Più Indicatori Oltre al Colore

      Il colore da solo non può essere usato per trasmettere informazioni; sono richiesti più indicatori.

    8. Testare con Utenti con Disabilità

      Gli utenti reali con disabilità forniscono il miglior feedback e dovrebbero essere coinvolti nei test.

    04 Mettila al lavoro

    Installare wcag-audit-patterns in Claude Code o Codex

    Un comando npx skills add, poi un primo task nel tuo agente e una checklist per il risultato.

    Aggiungere wcag-audit-patterns a Claude Code, Codex o al tuo agente

    Eseguitelo nel Suo progetto; l'installer chiede a quale agente aggiungerlo.

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

    Forma generica della CLI skills per plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md; il repository potrebbe documentare un proprio percorso.

    Assegna alla skill un primo task di revisione del design

    Redatto nei termini propri della skill; sostituisca le parti tra parentesi con il suo materiale.

    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.

    Fonte: redatto a partire dal SKILL.md, nei termini propri della skill.

    Verifica il primo risultato

    Ciò che il SKILL.md stesso indica come risultato corretto:

    • Verificare la compatibilità con le tecnologie assistive per un'implementazione solida

    In OpenDesign importare wcag-audit-patterns dal suo link SKILL.md: Plugins → Add → Skill → Import from link, quindi selezionarlo nella barra superiore.

    05 Open source, tracciabile

    Sorgente, licenza e verifica

    Da dove provengono i dati di questa pagina e quando sono stati verificati l'ultima volta.

    Repository
    github.com/wshobson/agents Branch main
    File della skill
    plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md Checksum del contenuto registrato alla verifica; commit 4236bb9
    License
    MIT Da LICENSE.
    Stelle del repository
    39.635 Snapshot GitHub acquisito il 2026-09-14 per l'intero repository wshobson/agents, che contiene 18 skill in questo catalogo. Non è una valutazione o un conteggio dell'utilizzo di wcag-audit-patterns.
    Verificato da OpenDesign
    14/09/2026 File sorgente, percorso, testo della licenza e conteggio delle stelle sono stati verificati. Non inclusa in OpenDesign main (verificato il 28/08/2026); un'esecuzione live non è stata registrata in questa pagina.

    All'interno di SKILL.md

    1. Quando Usare questo SkillElenca sei scenari, tra cui audit, correzione delle violazioni e conformità normativa
    2. Concetti FondamentaliDefinisce tre livelli di conformità, i principi POUR e le violazioni comuni per impatto
    3. Livelli di Conformità WCAGIl Livello A è la base legale, l'AA è lo standard per le normative, l'AAA per esigenze specialistiche
    4. Principi POURQuattro principi: Percepibile, Utilizzabile, Comprensibile, Robusto, con domande guida
    5. Violazioni Comuni per ImpattoClassifica i problemi come blocchi critici, gravi o moderati con esempi specifici
    6. Pattern dettagliati ed esempi svoltiRimanda a references/details.md per la documentazione approfondita dei pattern
    7. Best PracticeElenca cinque cose da fare e cinque da evitare per lo sviluppo accessibile
    Descrizione della skill
    "Effettua audit di accessibilità WCAG 2.2 con test automatizzati, verifica manuale e indicazioni per la risoluzione. Da usare per verificare l'accessibilità di siti web, correggere violazioni WCAG o implementare pattern di design accessibili."

    Descrizione front-matter da SKILL.md. Il file completo è di circa 2.439 caratteri. Leggi il file completo su GitHub.

    06 Prima di installare

    Domande sullo Skill wcag-audit-patterns

    Le risposte provengono dal SKILL.md letto il 2026-09-14, non da un'esecuzione registrata.

    Quale livello di conformità WCAG dovrei scegliere come obiettivo?

    Il Livello AA è il livello di conformità standard richiesto dalla maggior parte delle normative. Il Livello A è la base legale minima, mentre il Livello AAA è necessario solo per esigenze specialistiche. La maggior parte dei requisiti ADA e Section 508 è soddisfatta con la conformità AA.

    WCAG Audit Patterns

    Eseguire wcag-audit-patterns su un compito reale di design review.

    Scarica OpenDesign, importa wcag-audit-patterns dal suo link SKILL.md, incolla il prompt qui sopra e leggi il piano prima del risultato.

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

    OpenDesign Desktop

    Un solo design system. Il tuo brand, coerente ovunque

    Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

    • Siti, presentazioni, prototipi, dashboard, immagini e video
    • Oltre 140 design system e la libreria completa di template e skill
    • Codex locale e oltre 21 agenti di coding · Gratis
    Scarica gratis

    Disponibile per macOS e Windows