Ship accessible code by default

A11yResolver is an AI-powered accessibility tool for VS Code that detects, fixes, and validates accessibility issues directly inside your editor — before your code reaches production.

A11yResolver covers everything from basic issues to complex components, adapting to the difficulty of each case. It can fix accessible-name and label issues, image alternative text, semantic structure, keyboard navigation, focus management, and complex ARIA components like modals, carousels, comboboxes, menus, tabs, and steppers. It also handles form issues and checks color contrast. For problems that only appear at runtime — such as focus order or dynamic states — it uses the Live Browser to validate them in a real browser.

No. A11yResolver is designed so that any developer, even without deep accessibility knowledge, can detect and fix issues. The agent works in natural language and guides you through the process. If you have questions about a specific problem, you can ask the agent to explain it before applying any change.

A11yResolver is designed to work with the most widely used web languages and frameworks. The Active File Scanner analyzes source code in HTML, JavaScript, and TypeScript (including React), Vue, Svelte, Astro, PHP, Handlebars, and HTL/Sightly (AEM). To validate runtime behavior, the Live Browser works with any web page regardless of the framework or library it's built with.

Fast mode handles the majority of common accessibility issues efficiently and at lower cost. Expert mode uses more reasoning power to tackle complex, edge-case, or deeply nested issues.

The built-in validation browser uses Chrome's accessibility tree and DevTools protocol to simulate real keyboard navigation and dynamic UI behavior. It must be installed on your machine to use this feature.

A11yResolver currently supports Windows x64, macOS Apple Silicon, and macOS Intel. Support for additional platforms may be added in future releases.

Each plan includes a monthly credit allowance: Free gives you 150 credits per month (up to 30 per day), and Starter gives you 600 with no daily limit. Monthly credits don't roll over: any credits you don't use expire at the end of the period, and your balance renews automatically at the start of the next one. Top-up credits are separate and stay valid for a year.

Every operation with the agent — scans, fixes, and validations — consumes credits. The extension shows your available balance at all times so you can track consumption and plan your work.

On the Starter plan, buy a credit top-up from the extension: 1,000 extra credits for a one-time $30, valid for a year. Top-ups aren't available on Free, so upgrade to Starter to unlock them. For larger volumes, talk to our team about Enterprise.

No. The agent shows you a diff with the proposed changes and you decide whether to accept or reject them. You have final control at all times. You can review changes line by line before applying, and reject individual changes if you disagree with any part of the fix.

Yes. From the code editor, you can use A11yResolver's undo option to revert corrections applied by the agent. Undo only affects changes made by the agent, without touching other modifications you've made manually to the code. This lets you experiment with the proposed fixes with complete peace of mind.

No. A11yResolver is a developer productivity tool that dramatically reduces the cost and effort of accessibility compliance — but it complements, rather than replaces, a professional WCAG audit for certification or legal compliance purposes.

Install A11yResolver from the VS Code Extension Marketplace, sign in to the extension, and you'll start on the Free plan with 150 credits per month. Run the agent on any component and issues will be detected, fixed, and validated in seconds. Upgrade to Starter whenever you need more credits or the Expert agent.