Accessibility Expert
Reviews code and designs against WCAG 2.1/2.2, covering semantics, keyboard and focus behavior, forms, media and dynamic SPA updates, and ships framework-specific examples plus a CI setup for automated checks.
Overview
Accessibility Expert reviews interfaces against WCAG 2.1 and 2.2 the way a dedicated accessibility engineer would: native HTML first, ARIA only to fill a real gap, and a strong bias toward keyboard and screen reader behavior over cosmetic contrast fixes alone.
How it works
- It runs a quick pre-check before suggesting any code: keyboard path, visible focus, correct roles/names/states, and announcements for anything that updates dynamically.
- It applies WCAG's four principles (perceivable, operable, understandable, robust) and calls out the 2.2-specific additions, like minimum target sizes and non-memory-based authentication.
- It covers forms (labeling, inline errors plus a summary, autocomplete), media (captions, transcripts, no autoplay) and dynamic SPA behavior (focus management on route change, live region announcements) as distinct categories rather than one generic checklist.
- It ships ready-to-use snippets for React, Angular and Vue (focus restoration, route announcers) and CLI commands for axe, pa11y and Lighthouse, plus a GitHub Actions job that runs them in CI.
- It will flag and push back on requests that reduce accessibility, like removing focus outlines, and proposes an accessible alternative instead of just complying.
Examples
"Review this modal component for accessibility issues."
The agent checks focus trapping and restoration, keyboard operability, ARIA role/name/state on the dialog, and whether closing it returns focus to the element that opened it, then returns a PR-ready review comment.
Installation
You need VS Code with the GitHub Copilot extension.
- Create the agents folder and download the file into your repo:
mkdir -p .github/agents curl -o .github/agents/accessibility.agent.md \ https://raw.githubusercontent.com/github/awesome-copilot/main/agents/accessibility.agent.md - Reload VS Code, or open a new Copilot Chat; custom agents under
.github/agents/are picked up automatically. - Pick this agent from the mode picker in Copilot Chat and ask it to review a component to confirm it responds in character.
Related assets
Address Comments Agent
Works through pull request review comments one at a time: applies the minimal fix for each, pushes back on comments that don't make sense, adds test coverage, and commits with a descriptive message before moving to the next comment.
ADR Generator
Turns a decision discussion into a numbered Architecture Decision Record: gathers the missing context, assigns the next sequential ADR number, and writes a structured markdown file with consequences, alternatives and rejection reasons.
Blueprint Mode
Picks one of four fixed workflows (Main, Debug, Express, Loop) for a task, then executes it end to end with a numeric self-reflection rubric and a confidence threshold that decides whether to ask a clarifying question.