Accessibility Linter & Auto-Fix (a11y, WCAG) - Aulys

Most accessibility tools nag. Aulys fixes. The ultimate accessibility linter (a11y) for VS Code. Catch WCAG 2.2 and ARIA accessibility violations as you type, understand them in plain English, and apply the accessibility fix with one keystroke. The Prettier for web accessibility.

Aulys auto-fixing an accessibility issue

▶️ Demo GIF goes here — record a 5-second loop: bad <img>/low-contrast class gets a red squiggle, Ctrl+Shift+A, fixed. This is the single biggest install-rate lever; the marketplace shows it right under the title.

Axe tells you what's wrong. Aulys writes the code that fixes it. Linters surface a WCAG code and leave you to Google it — Aulys rewrites the markup in place, one issue or the whole file at once.

🚀 Quick Start

Open any React / TSX / HTML file — it just works, no config.

Press Ctrl+Shift+A (Cmd+Shift+A) to fix every auto-fixable issue in the file.

Turn on "aulys.fixAllOnSave": true to fix automatically on every save.

Why this matters now

The European Accessibility Act is enforced as of June 2025 — non-compliance carries penalties up to €100,000 or 4% of revenue, and accessibility lawsuits are climbing fast. Accessibility is now a code-level quality gate, like security or tests. Aulys catches and fixes the violations before they ship.

What makes Aulys different

⚡ One-click auto-fix

The point of the tool. Other linters surface a problem and leave you to Google the WCAG code. Aulys rewrites the code for you — individually, or all at once on save.

🎨 Color contrast, resolved in the editor

Color contrast is the most common web accessibility failure. Aulys resolves Tailwind classes (text-gray-400 bg-white) and CSS variables (var(--primary)) to real contrast ratios as you type — no browser, no rendered DOM required.

🤖 Plain-English explanations + Ask Aulys AI

Hover any issue for a plain-English explanation of why it matters. Need more? Click 🤖 Ask Aulys AI on any issue to open the sidebar and get a tailored fix.

🔄 Zero configuration

Install, open a file, done. No .eslintrc, no setup. Works in VS Code and Cursor.

Rules covered

Rule	WCAG	Auto-fix
Color contrast	1.4.3	✅ (Tailwind / JSX)
Missing alt text	1.1.1	✅
Missing form labels	1.3.1	✅
Empty links	2.4.4	✅
Empty buttons	4.1.2	✅
Missing document language	3.1.1	✅
Heading order / empty heading	1.3.1	✅
Keyboard handlers on click	2.1.1	✅
Positive / fake-button tabindex	2.4.3	✅

Focused on the highest-impact violations — and it fixes them, not just flags them.

Supported frameworks

React / Next.js (.jsx, .tsx), TypeScript, and HTML.

Need full compliance coverage?

The extension fixes issues in your editor. For repo-wide audits, CI deploy-gates, and EAA / Section 508 / ADA compliance reports, see the Aulys platform → aulys-app.vercel.app. Run the Aulys: View Full Compliance Report command, or click the Compliance Report status-bar item.