Accessibility & UX

WCAG 2.2 AA vzory a UX stavy (načítání/prázdné/chyba) pro komponenty Power Platform.

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

Otestováno · Funguje ★ 8.8/10

Accessibility & UX — WCAG 2.2 AA vzory a UX stavy (načítání/prázdné/chyba) pro komponenty Power Platform.

Co umí

Poskytuje pokyny k přístupnosti WCAG 2.2 AA, vzory přístupnosti React/Fluent UI a specifikace UX designu (stavy načítání, prázdné a chybové stavy, formuláře, navigace, responzivní breakpointy) pro Power Platform Code Apps, Canvas Apps a PCF ovládací prvky. SKILL.md je explicitně pouze souhrn – skutečné detaily implementace jsou obsaženy v sedmi propojených podřízených souborech, které je nutné přečíst před kódováním. Spouští se při vytváření přístupných komponent, revizi WCAG, přístupnosti formulářů, navigaci pomocí klávesnice a návrhu stavu UI.

Testovací report

Vytvořil jsem přístupový přihlašovací formulář z jeho react-patterns.md a ux-patterns.md: získal jsem zapojení aria-describedby+role=alert a pravidlo inline-vs-full-page spinner, které základní pokus přeskočil — ačkoli vlastní křížový odkaz dovednosti na ../code-apps/fluent-ui.md se rozbije, pokud zkopírujete pouze tuto složku dovednosti.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /accessibility-uxWCAG 2.2 AA vzory a UX stavy (načítání/prázdné/chyba) pro komponenty Power Platform.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

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