Skip to content

fecarrico/A11Y.md

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🇧🇷 Read in Portuguese: ./README.pt-BR.md

Project A11Y.md Banner

♿ Project A11Y.md

The Persistent Context System for Accessibility

WCAG 2.2 AA ADA Compliant AI Ready


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.


🚀 Quick Start (Under 2 minutes)

Reading about accessibility is the first step, injecting it into your code is the real goal. Do this right now in your project:

  1. Download the Rules: Copy the A11Y.md file from docs/en/ to the root of your application's repository.
  2. Inject into the Prompt: If you use Cursor, GitHub Copilot, or Claude, add this to your global rules file (.cursorrules or Context system):

    "Strictly follow the development rules defined in the A11Y.md file."

  3. 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 Practical Impact (Before vs After)

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-live injections for immediate reading of dynamic data.

💡 The Project Paradigm

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.md is strictly mapped to WCAG 2.2 criteria, allowing direct traceability that shields the company in formal external audits.

🤖 The Power of A.I. as an Ally

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.


📁 Exploring the Structure (Your Knowledge Base)

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:

Fallback models and completion guarantees (Definition of Done):

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.


🚧 Scope and Limitations

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.



Author & Curation

Felipe A. Carriço

Specialist UX Designer | AI Product Builder | Colorblind

Built upon the premise that the efficiency of artificial intelligence must, invariably, act as a lever and barrier destroyer in both the physical and digital worlds.

LinkedIn | Medium

About

A context system for building accessible software by default — for developers and AI, with enforceable rules aligned to WCAG.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors