accessibility-compliancedi Seth Hobson

Accessibility Compliance Skill.

Una skill per Claude Code e Codex per la revisione del design: interfacce conformi alle WCAG 2.2 con supporto per l'accessibilità mobile e per le tecnologie assistive.

Design Review & Accessibility
Codice UI

Scarica OpenDesign Guida all'uso

wshobson/agents · plugins/ui-design/skills/accessibility-compliance/SKILL.mdSKILL.md

--- name: accessibility-compliance description: Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences. --- ## When to Use This Skill ## Detailed patterns and worked examples ## Best Practices ## Testing Tools

Front matter e intestazioni di sezione letti dal file originale il 14/09/2026 · 2.402 caratteri completi

01 Cosa fa

Che cosa fa la Skill accessibility-compliance 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 implementa interfacce conformi a WCAG 2.2, con accessibilità mobile e supporto per le tecnologie assistive. Guida gli agenti attraverso HTML semantico, pattern ARIA, navigazione da tastiera, gestione del focus, compatibilità con gli screen reader e annunci dei contenuti dinamici. La skill copre VoiceOver su iOS, TalkBack su Android e gli screen reader desktop (NVDA, JAWS).

Dà priorità agli elementi nativi rispetto all'ARIA personalizzato, rispetta le preferenze dell'utente come prefers-reduced-motion e prefers-contrast e prevede test con strumenti automatizzati (axe DevTools, WAVE, Lighthouse) e tecnologie assistive reali. La skill affronta le violazioni più comuni, tra cui alt text mancante, contrasto insufficiente, trappole da tastiera e campi modulo senza etichetta.

Che cosa produce

Interfacce conformi a WCAG 2.2 con pattern ARIA corretti, gestione del focus e supporto agli screen reader

Vedi l'esempio di prompt ↗

Come funziona

01
Progettare interazioni con priorità alla tastiera
Assicurarsi che tutti i componenti interattivi funzionino senza mouse, definendo la navigazione da tastiera prima di aggiungere gli eventi del puntatore.

02 Trova la tua applicazione

Quando usare la Skill accessibility-compliance

Usa la skill accessibility-compliance in Claude Code o Codex quando il lavoro è una design review di questo tipo. Ambito e limiti qui sotto sono presi dal file della skill stessa.

Buona applicazione

Implementazione della conformità WCAG 2.2 Livello AA o AAA per un'applicazione web o un sito
Realizzazione di interfacce accessibili agli screen reader compatibili con VoiceOver, NVDA, JAWS o TalkBack
Aggiunta della navigazione da tastiera e della gestione del focus ai componenti interattivi
Esecuzione di audit di accessibilità e correzione delle violazioni nelle interfacce esistenti
Supporto delle preferenze utente di movimento ridotto e contrasto elevato nell'interfaccia

03 Dentro la skill

Cosa porta la Skill accessibility-compliance alla revisione del design

2 cose che il SKILL.md istruisce Claude Code o Codex a fare, nell'ordine delle sezioni del file.

Best practice
Preferire gli elementi nativi rispetto ad ARIA quando possibile; includere persone con disabilità nei test utente; progettare interazioni che funzionino senza mouse
Strumenti di test
axe DevTools, WAVE, Lighthouse; VoiceOver (macOS/iOS), NVDA/JAWS (Windows), TalkBack (Android); NoCoffee (visione), Silktide (varie disabilità)

04 Mettila al lavoro

Installa accessibility-compliance in Claude Code o Codex

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

Aggiungi accessibility-compliance 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 accessibility-compliance

Forma generica della CLI skills per plugins/ui-design/skills/accessibility-compliance/SKILL.md; il repository può documentare un percorso proprio.

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 the [product dashboard] for WCAG 2.2 Level AA compliance. Check for missing alt text, color contrast violations, keyboard traps, and unlabeled form inputs. Implement focus management for the [modal dialog component] and add ARIA live regions to announce [real-time notification updates]. Test with VoiceOver and ensure the interface respects prefers-reduced-motion.

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:

Eseguire test manuali con VoiceOver su macOS o iOS per verificare gli annunci e la navigazione dello screen reader
Utilizzare simulatori visivi come NoCoffee e simulatori di disabilità come Silktide per testare diverse menomazioni

In OpenDesign importare accessibility-compliance dal link SKILL.md: Plugins → Add → Skill → Import from link, quindi selezionarla nella barra superiore.

Scarica OpenDesign Leggi il quickstart

05 Open source, tracciabile

Sorgente, licenza e verifica

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

Author: Seth Hobson
Repository: github.com/wshobson/agents Branch main
File della skill: plugins/ui-design/skills/accessibility-compliance/SKILL.md Checksum del contenuto registrato alla verifica; commit 4236bb9
License: MIT Da LICENSE.
Stelle del repository: 39.635 Snapshot GitHub del 2026-09-14 per l'intero repository wshobson/agents, che contiene 18 skill in questo catalogo. Non è una valutazione o conteggio d'uso per accessibility-compliance.
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

Quando usare questa SkillConformità WCAG, screen reader, navigazione da tastiera, gestione del focus, moduli, accessibilità mobile, audit
Pattern dettagliati ed esempi completiRimanda a references/details.md per la documentazione dei pattern quando le indicazioni di primo livello non bastano
Buone praticheOtto regole fondamentali: HTML semantico, test con utenti reali, tastiera al primo posto, stili di focus, alternative testuali, zoom, live region, preferenze
Problemi comuniAlt text mancante, contrasto insufficiente, trappole da tastiera, input senza etichetta, riproduzione automatica, controlli personalizzati difettosi, skip link, ordine del focus
Strumenti di testStrumenti automatizzati (axe, WAVE, Lighthouse), screen reader in test manuali (VoiceOver, NVDA, JAWS, TalkBack), simulatori (NoCoffee, Silktide)

Descrizione della skill

"Implementa interfacce conformi a WCAG 2.2 con accessibilità mobile, pattern di design inclusivo e supporto per tecnologie assistive. Da usare quando si verifica l'accessibilità, si implementano pattern ARIA, si sviluppa per screen reader o si garantiscono esperienze utente inclusive."

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

Conformità all'accessibilità

Esegui accessibility-compliance su un compito reale di revisione del design.

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

Scarica OpenDesign Esplora tutte le skill

Terminale

npx skills add https://github.com/wshobson/agents --skill accessibility-compliance