A11yResolver

AI accessibility agent for VS Code

Ship accessible UI without leaving your editor. A11yResolver finds, fixes, and verifies WCAG issues in a real browser — without late audits, rework, or switching tools.

Free plan · No credit card

Get started in a minute

1. Install the extension.
2. Open the A11yResolver panel in the Activity Bar.
3. Sign in with Google or email. The free plan is applied automatically.
4. Ask: "Fix all accessibility issues in this component".

A typical fix takes 1–5 minutes: the agent tests its changes in the browser before it reports back.

The free plan includes 150 credits per month (up to 30 per day) with the Fast agent, no credit card required. Paid plans unlock the Expert agent and more credits (see Plans).

As you type, A11yResolver flags common accessibility problems in your HTML and components — such as buttons without an accessible name and invalid ARIA roles. Open Detected Issues to see them all, and choose Analyze & Fix with Agent from the quick fix menu to fix any of them.

Why it matters

Accessibility issues usually surface late, during audits or after launch, when they cost the most: rework, delayed releases, failed compliance reviews (WCAG 2.2, ADA, Section 508, the European Accessibility Act), and legal risk. A11yResolver makes accessibility part of your daily workflow instead of a final step.

Real impact

50–70% faster resolution, from day one.

Parallel sessions multiply the impact: you can work on 2, 3, or 4 issues at once, in the same session or across several.

What makes it different

Most tools and AI assistants stop at "here's a suggestion". A11yResolver checks its own work:

• Verified in a real browser. It navigates with the keyboard, tests dynamic UI, and measures contrast on the rendered page — not just the code — catching what static analysis misses.
• Re-checks before it says it's done. Before finishing, it re-verifies every reported issue on every page mentioned; if something is left, it fixes it or explains why.
• Keeps your design intact. It compares the look before and after: size, spacing, colors, and focus ring.
• Exact contrast, on-brand colors. Real WCAG ratios, with replacement colors that preserve your palette.
• Built by auditors. Made by A11ySolutions, with real-world WCAG audit experience across enterprise projects.

One command, real results

"Fix all accessibility issues in this component"

A11yResolver detects, fixes, and validates:

• Accessible names and labels
• Text alternatives for images
• Semantic structure
• Keyboard navigation
• Focus management
• Complex ARIA components (modals, menus, comboboxes, carousels, tabs, steppers)
• Color contrast
• Forms
• Search and booking widgets

More examples:

• "Analyze this button's accessible name and fix it if missing."
• "Review this file for WCAG 2.2 AA compliance and apply the fixes."

Features

• Accessibility chat agent. Describe what you need, or let the agent audit a file or page and propose fixes.
• Live Browser. A built-in browser where the agent loads your running app, tabs through it, and checks the rendered result.
• Full Accessibility Audit. A fast, rule-based diagnosis (no LLM) covering keyboard, focus, contrast, headings, landmarks, and more.
• Review every change. Edited files are listed for review, and you can keep or revert each one, or all at once.
• Detected Issues and quick fixes. Inline diagnostics in the editor, with one-click hand-off to the agent.
• Session history. Pick up any past session where you left off, organized by workspace folder.
• Workflow patterns. The agent adapts to the task, from an automatic approach to a structured process for complex components.
• Rich context. Attach files, images, live browser tabs, or selected elements directly to the chat.
• Stay in control. Stop a running task at any time, or queue your next message while the agent works.

Works with your stack

HTML, React (JSX/TSX), Vue, Svelte, Astro, Angular templates, PHP, Handlebars, and HTL. Available on the Visual Studio Marketplace and on Open VSX, so it runs in VS Code and in VS Code-based editors such as Cursor and Windsurf.

What automation can and cannot do

Automated checks, including ours, find and fix many accessibility issues, but not all of them. Using A11yResolver does not by itself make a product WCAG conformant or legally compliant. Keep testing with a keyboard and with screen readers, and involve people with disabilities where you can. When you need a formal conformance audit or a VPAT, A11ySolutions' accessibility experts can help.

Agents

• Issues Resolver (Fast): everyday fixes, quick iteration, lower cost. Available on every plan.
• Issues Resolver Expert: complex issues, deeper analysis, stubborn problems. Starter plan and above.

Tip: start with Fast and switch to Expert when you need more reasoning power.

Plans

Current prices are shown in the extension's Account panel, where you can subscribe, change plan, cancel, or buy a top-up. For Enterprise, talk to us.

FAQ

Which AI models does it use? A11yResolver runs on leading large language models, selected and tuned by our team for accessibility work. We update them as better models become available, so you get improvements without changing anything on your side.

Does my code leave my machine? The editor diagnostics run locally. When you use the AI agent, the files, page snapshots, and messages it needs for your task are sent to our service and to the AI model provider to process the request. Your code is never used to train AI models, and requests only go to model providers with zero data retention: they process the request and do not store it. See the privacy policy for details.

How are credits used? Each agent task consumes credits based on the work it does. Larger requests and the Expert agent use more. The Account panel shows your remaining monthly and daily credits and when they reset.

Does it work in Cursor or Windsurf? Yes. The extension is published on Open VSX, which these editors use.

Can I cancel anytime? Yes. Change or cancel your plan from the Account panel. Top-up credits stay available for a year, even if you downgrade.

Requirements

• VS Code 1.96 or later, or a compatible VS Code-based editor.
• An internet connection and an A11ySolutions account for AI features. The free plan is created at sign-in.
• Google Chrome for the built-in browser; Microsoft Edge is used automatically as a fallback. If the browser does not launch even though Chrome is installed (a known Windows edge case), set its absolute path in Settings → Extensions → A11yResolver → Chrome Path.

Privacy & telemetry

Your code is never used to train AI models. AI requests are not stored at the model provider.

The extension sends anonymous usage events (activation, chat, Live Browser, Detected Issues, fix requests, selected agent, sign-in steps, task outcomes, upgrade clicks, and whether the bundled backend failed to start) to help us improve the product. Telemetry never includes prompts, chat contents, source code, file paths, API keys, error messages, or personal identifiers. It uses an anonymous identifier stored locally, which is never linked to your account.

It follows VS Code's telemetry setting (vscode.env.isTelemetryEnabled): turn off telemetry in VS Code to opt out. Read the full privacy policy.

Preview

A11yResolver is in active development and ships improvements frequently.