Accessibility & UX

WCAG 2.2 AA patterns und UX states (loading/empty/error) für Power Platform components.

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

Getestet · Funktioniert ★ 8.8/10

Accessibility & UX — WCAG 2.2 AA patterns und UX states (loading/empty/error) für Power Platform components.

Was es kann

Bietet WCAG 2.2 AA accessibility guidance, React/Fluent UI accessibility patterns, und UX design specs (loading, empty, and error states, forms, navigation, responsive breakpoints) für Power Platform Code Apps, Canvas Apps und PCF controls. SKILL.md ist explizit ein summary only — real implementation detail lives in seven linked sub-files that must be read before coding. Triggers on building accessible components, WCAG review, form accessibility, keyboard navigation, and UI state design.

Testbericht

Erstellte ein accessible login form from its react-patterns.md and ux-patterns.md: got aria-describedby+role=alert wiring and the inline-vs-full-page spinner rule a baseline attempt skipped — though the skill's own cross-link to ../code-apps/fluent-ui.md breaks if you copy just this one skill folder.

Getestet am: 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

Befehle & Beispiel-Prompts

/accessibility-uxWCAG 2.2 AA patterns und UX states (loading/empty/error) für Power Platform components.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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.

Vollständiger Testbericht (Englisch) →