Accessibility & UX

WCAG 2.2 AA patronen en UX-statussen (laden/leeg/fout) voor Power Platform componenten.

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

Getest · Werkt ★ 8.8/10

Accessibility & UX — WCAG 2.2 AA patronen en UX-statussen (laden/leeg/fout) voor Power Platform componenten.

Wat het doet

Biedt WCAG 2.2 AA toegankelijkheidsrichtlijnen, React/Fluent UI toegankelijkheidspatronen en UX-ontwerpspecificaties (laad-, lege- en foutstatussen, formulieren, navigatie, responsieve breakpoints) voor Power Platform Code Apps, Canvas Apps en PCF-besturingselementen. SKILL.md is expliciet alleen een samenvatting — echte implementatiedetails bevinden zich in zeven gekoppelde subbestanden die vóór het coderen moeten worden gelezen. Activeert bij het bouwen van toegankelijke componenten, WCAG-review, formuliertoegankelijkheid, toetsenbordnavigatie en UI-statusontwerp.

Testrapport

Bouwde een toegankelijk inlogformulier op basis van react-patterns.md en ux-patterns.md: kreeg aria-describedby+role=alert bedrading en de inline-vs-full-page spinner-regel die een baseline-poging oversloeg — hoewel de eigen cross-link van de skill naar ../code-apps/fluent-ui.md breekt als je alleen deze skill-map kopieert.

Getest op: 2026-07-14 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /accessibility-uxWCAG 2.2 AA patronen en UX-statussen (laden/leeg/fout) voor Power Platform componenten.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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