Accessibility & UX
Wzorce WCAG 2.2 AA i stany UX (ładowanie/puste/błąd) dla komponentów Power Platform.
Testowano · Działa
Co robi ten skill
Zapewnia wytyczne dotyczące dostępności WCAG 2.2 AA, wzorce dostępności React/Fluent UI oraz specyfikacje projektowania UX (stany ładowania, puste i błędów, formularze, nawigacja, responsywne punkty przerwania) dla Power Platform Code Apps, Canvas Apps i kontroli PCF. SKILL.md jest wyraźnie tylko podsumowaniem — rzeczywiste szczegóły implementacji znajdują się w siedmiu połączonych podplikach, które należy przeczytać przed kodowaniem. Uruchamia się na budowanie dostępnych komponentów, przegląd WCAG, dostępność formularzy, nawigację klawiaturą i projektowanie stanów interfejsu użytkownika.
Raport z testu
Zbudowano dostępny formularz logowania z jego react-patterns.md i ux-patterns.md: uzyskano okablowanie aria-describedby+role=alert i regułę spinnera inline-vs-full-page, którą pominięto w podstawowej próbie — chociaż własne odniesienie umiejętności do ../code-apps/fluent-ui.md psuje się, jeśli skopiujesz tylko ten jeden folder umiejętności.
Testowano: 2026-07-14 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/accessibility-uxWzorce WCAG 2.2 AA i stany UX (ładowanie/puste/błąd) dla komponentów Power Platform.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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.