Accessibility & UX

Modèles WCAG 2.2 AA et états UX (chargement/vide/erreur) pour les composants Power Platform.

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

Testé · Fonctionne ★ 8.8/10

Accessibility & UX — Modèles WCAG 2.2 AA et états UX (chargement/vide/erreur) pour les composants Power Platform.

Ce que fait

Fournit des directives d'accessibilité WCAG 2.2 AA, des modèles d'accessibilité React/Fluent UI et des spécifications de conception UX (états de chargement, vide et erreur, formulaires, navigation, points de rupture réactifs) pour les applications Power Platform Code Apps, Canvas Apps et les contrôles PCF. SKILL.md est explicitement un résumé uniquement — les détails d'implémentation réels se trouvent dans sept sous-fichiers liés qui doivent être lus avant de coder. Se déclenche sur la création de composants accessibles, la révision WCAG, l'accessibilité des formulaires, la navigation au clavier et la conception des états d'interface utilisateur.

Rapport de test

A construit un accessible login form from its react-patterns.md and ux-patterns.md : a obtenu le câblage aria-describedby+role=alert et la 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.

Testé le: 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

Commandes et exemples de prompts

  • /accessibility-uxModèles WCAG 2.2 AA et états UX (chargement/vide/erreur) pour les composants Power Platform.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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