Accessibility & UX
WCAG 2.2 AA-mönster och UX-tillstånd (laddar/tom/fel) för Power Platform-komponenter.
Testad · Fungerar
Vad den gör
Tillhandahåller WCAG 2.2 AA-tillgänglighetsvägledning, React/Fluent UI-tillgänglighetsmönster och UX-designspecifikationer (laddnings-, tomma och feltillstånd, formulär, navigering, responsiva brytpunkter) för Power Platform Code Apps, Canvas Apps och PCF-kontroller. SKILL.md är uttryckligen endast en sammanfattning – verklig implementeringsdetalj finns i sju länkade underfiler som måste läsas före kodning. Utlöses vid byggande av tillgängliga komponenter, WCAG-granskning, formulärtillgänglighet, tangentbordsnavigering och UI-tillståndsdesign.
Testrapport
Byggde ett tillgängligt inloggningsformulär från dess react-patterns.md och ux-patterns.md: fick aria-describedby+role=alert-koppling och regeln för inline-vs-full-page spinner som ett baslinjeförsök hoppade över – även om färdighetens egen korslänk till ../code-apps/fluent-ui.md bryts om du bara kopierar denna enda färdighetsmapp.
Testad: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
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
Kommandon och exempelprompter
/accessibility-uxWCAG 2.2 AA-mönster och UX-tillstånd (laddar/tom/fel) för Power Platform-komponenter.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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.