Accessibility & UX

WCAG 2.2 AA-mønstre og UX-tilstande (loading/empty/error) for Power Platform-komponenter.

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

Testet · Virker ★ 8.8/10

Accessibility & UX — WCAG 2.2 AA-mønstre og UX-tilstande (loading/empty/error) for Power Platform-komponenter.

Hvad det gør

Giver WCAG 2.2 AA accessibility guidance, React/Fluent UI accessibility patterns, og UX design specs (loading, empty, and error states, forms, navigation, responsive breakpoints) for Power Platform Code Apps, Canvas Apps, og PCF controls. SKILL.md is explicitly a summary only — real implementation detail lives in seven linked sub-files that must be read before coding. Udløses ved building accessible components, WCAG review, form accessibility, keyboard navigation, og UI state design.

Testrapport

Byggede an 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.

Testet: 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

Kommandoer og eksempelprompter

  • /accessibility-uxWCAG 2.2 AA-mønstre og UX-tilstande (loading/empty/error) for Power Platform-komponenter.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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.