Accessibility & UX

Pattern WCAG 2.2 AA e stati UX (caricamento/vuoto/errore) per i componenti Power Platform.

di korchard333 · korchard333/claude-power-platform-community

Promosso ★ 8.8/10

Accessibility & UX — Pattern WCAG 2.2 AA e stati UX (caricamento/vuoto/errore) per i componenti Power Platform.

Cosa fa

Fornisce linee guida di accessibilità WCAG 2.2 AA, pattern di accessibilità React/Fluent UI e specifiche di progettazione UX (stati di caricamento, vuoto ed errore, form, navigazione, breakpoint responsivi) per Power Platform Code Apps, Canvas Apps e controlli PCF. SKILL.md è esplicitamente solo un riassunto — i dettagli di implementazione reali si trovano in sette sottocartelle collegate che devono essere lette prima di codificare. Si attiva sulla costruzione di componenti accessibili, revisione WCAG, accessibilità dei form, navigazione da tastiera e progettazione dello stato dell'interfaccia utente.

Rapporto di test

Costruito un modulo di login accessibile dai suoi react-patterns.md e ux-patterns.md: ottenuta la cablatura aria-describedby+role=alert e la regola dello spinner inline-vs-full-page che un tentativo di base aveva saltato — sebbene il cross-link della skill a ../code-apps/fluent-ui.md si rompa se si copia solo questa cartella della skill.

Testato il: 2026-07-14 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/korchard333/claude-power-platform-community
cd claude-power-platform-community
mkdir -p ~/.claude/skills
cp -r .claude/skills/accessibility-ux ~/.claude/skills/accessibility-ux

Comandi e prompt di esempio

  • /accessibility-uxPattern WCAG 2.2 AA e stati UX (caricamento/vuoto/errore) per i componenti Power Platform.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • Build me an accessible data table with sortable columns for Canvas.
  • Review this login form for WCAG 2.2 AA compliance issues please.
  • Design the loading and empty states for our contacts list page.