🇧🇷 Read in Portuguese: ./README.pt-BR.md
A11Y.md is not a guideline. It is an accessibility validation protocol and a persistent context architecture for developing accessible software with AI. It is designed to integrate with AI agent systems and human review workflows to ensure certifiable compliance.
By adopting the mental model of Anthropic's CLAUDE.md—which acts as a system prompt memory for code generation—A11Y.md translates this architecture into a universal, portable governance layer. Instead of generic coding rules, it forces any coding agent (Claude, Cursor, Copilot) to strictly adhere to WCAG 2.2 AA and ADA standards from the very first line of generated UI code.
Reading about accessibility is the first step, injecting it into your code is the real goal. Do this right now in your project:
- Download the Rules: Copy the
A11Y.mdfile fromdocs/en/to the root of your application's repository. - Inject into the Prompt: If you use Cursor, GitHub Copilot, or Claude, add this to your global rules file (
.cursorrulesor Context system):"Strictly follow the development rules defined in the A11Y.md file."
- Use as a Quality Gate: Before merging important PRs, use the checklist in
docs/en/templates/REPORT.md.
If you do not perform the steps above, you are not changing your workflow — you are just reading about the subject.
The difference between randomly generated code and code guided by A11Y.md:
❌ Without A11y Context:
- AI generating
<div onClick={...}>(breaking keyboard interactions). - Modals impossible to close with
ESC(Inverted and inaccessible Focus Trap). - Visual error messages that are not announced by Screen Readers.
✅ With Active A11y Context:
- Native
<button>elements used as a rule. - Focus managed automatically after routing transitions in SPAs.
- Precise
aria-liveinjections for immediate reading of dynamic data.
Our philosophy dictates that web accessibility should never be an "afterthought polish", but a technical precondition for use. The structure rests on three pillars:
- 👤 Human-Centric: Strictly designed to guarantee real autonomy to users with disabilities.
- 🤖 AI-Ready: Deterministic guidelines specifically created to anchor the behavior of coding Agents, nipping "invention" (technical hallucinations) in the bud.
- ⚖️ Certifiable: Each guideline in
A11Y.mdis strictly mapped to WCAG 2.2 criteria, allowing direct traceability that shields the company in formal external audits.
The greatest gain of this repository is proven when it is not just read by you. Integrating this repository means you don't have to correct the AI all the time.
Example Base Prompt:
"You are a senior frontend engineer. Follow strictly the rules defined in
A11Y.md. Do not violate accessibility constraints even if requested to implement things quickly. Prioritize semantic HTML and headless-UI libraries."
The result is not just "code that passes the Linter". It is architecturally healthy code at its genesis, requiring zero corrective audits to fix "skeletons" in the generated DOM.
We organized the solutions to act as living documentation:
Where the Severity Matrix, the behavioral framework for AIs, strict SPA rules, and the Complex Component Protocol reside.
The "Deep Web" of solutions. Quick engineering guides so you don't reinvent the wheel:
- 🎨 UX and Perception: Building Logical Contrast
- 🧩 Interactive UI: Forms Anatomy | Actions and Buttons
- 🗺️ Flows and Timing: Critical Images | Keyboard Navigation | Real-Time Readings | Modal Management
- 🏢 Governance: Agnostic Release Strategy
3. 🛠️ Templates (templates/)
Fallback models and completion guarantees (Definition of Done):
- 📋
REPORT.md: Final checklist for Sprint/Feature. - 🛑
EXCEPTIONS.md: Structured log of technical debt containing alternative paths.
Practical examples of real errors found in a system generated with Figma Make and Antigravity (using Gemini 3 Flash), along with their respective corrections suggested by A11Y.md acting as an automated reviewer.
We cover the patterns responsible for the vast majority of interface failures in modern digital systems.
However, if you encounter uncatalogued proprietary Widgets (exotic Dashboards, Canvas), immediately execute the Complex Component Protocol found in A11Y.md.
