wcag-power-platform

name

wcag-power-platform

description

Ensure web apps, HTML pages, and Power Platform components meet WCAG 2.1 accessibility guidelines. Use this skill WHENEVER building, reviewing, or refactoring any web UI or Power Platform artifact — standalone HTML/CSS/JS pages, websites and single-page apps, React/web artifacts, PCF (PowerApps Component Framework) controls, HTML/JS web resources, model-driven apps and forms, canvas apps, or Power Pages — even if the user does not say "accessibility". Trigger on requests to create pages or components, build forms, style UI, add buttons/inputs/grids/charts, theme an app, apply a Power Apps modern theme / CustomTheme, implement dark mode / high-contrast / design tokens, fix a control, write HTML/CSS/React, or audit a page against WCAG/ADA/Section 508/EN 301 549. Also trigger on "make this accessible", "a11y", "screen reader", "keyboard navigation", "colour contrast", "dark mode", "theme", "ARIA", or "WCAG". Apply the checks proactively so output conforms to WCAG 2.1 AA by default, across every theme variant.

WCAG 2.1 for Web Apps & Power Platform

This skill makes anything you build or review conform to WCAG 2.1 Level AA (the legal default for most public-sector and EU/UK accessibility law), while flagging the AAA criteria worth reaching for. It covers generic web content, full HTML pages/sites and SPAs, and modern theming (dark mode, high contrast, design tokens), and the four Power Platform component types: PCF controls, model-driven apps/forms, canvas apps, and Power Pages.

Default target

Unless the user states otherwise, conform to Level AA. Level A is the floor and AA is what regulations (ADA, Section 508, EN 301 549 / UK Public Sector Bodies Accessibility Regulations) actually require. Mention AAA only as an optional enhancement.

How to use this skill

1. Identify the component type (web/PCF/model-driven/canvas/Power Pages). The platform changes how you satisfy a criterion — see the routing table below and read the matching reference file.
2. Author or review against the four principles. Read — it lists every WCAG 2.1 success criterion grouped under Perceivable, Operable, Understandable, Robust, with the concrete, testable thing to check for each. This is the heart of the skill.