AccessibilityFixer
⚡ Real-time linting and quick fixes for web accessibility in React code
🚀 Improve your JSX/TSX accessibility with minimal effort
Features
- 🛠️ Detects accessibility issues in
.js, .jsx, .ts, and .tsx files
- 💡 Quick Fixes via VSCode’s Code Actions interface
- 🤖 AI-powered suggestions for selected rules
- 🔧 Built-in integration with
eslint-plugin-jsx-a11y
- 🧠 Lightweight and developer-friendly
Installation
Open VSCode, press Ctrl+P (or Cmd+P on Mac) and run:
ext install uno-accessibilityfixer.AccessibilityFixer
Or install from the VSCode Marketplace
Usage
After installing, open any JavaScript/TypeScript React file (.jsx, .tsx).
AccessibilityFixer will highlight common accessibility violations and provide auto-fix suggestions.
Example:
// Before
<div role="button" onClick={handleClick}></div>
// After Quick Fix
<div role="button" onClick={handleClick} tabIndex={0} onKeyDown={handleKeyDown}></div>
To apply fixes, click the lightbulb icon or use the shortcut Ctrl+. / Cmd+.
Enable AI-Powered Fixes
To use GPT-powered fixes:
- When started, enter your OpenAI API Key (e.g.
sk-...)
- Then, select your preferred GPT model (
gpt-3.5-turbo, gpt-4, gpt-4o, etc.)
- That's it! AI suggestions will be enabled automatically for supported rules.
Configuration
No setup required.
AccessibilityFixer works out of the box, even if you don’t have eslint-plugin-jsx-a11y installed — though using it in your project is recommended for full customization.
Supported File Types
⚠️ Version Notice
AI-powered suggestions are only available in v2.1.0 or later.
Please update to the latest version to unlock GPT-based accessibility fixes.
Contributing
We welcome contributions from everyone in the community.
Whether it’s fixing a bug, improving documentation, or suggesting a new feature — your help makes AccessibilityFixer better for everyone.
For detailed contribution guidelines, please check our CONTRIBUTING.md.
📖 For a list of resolved accessibility rules, see RULES.md.
License
MIT License
Resources
AccessibilityFixer helps you improve usability for all users
💬 Because accessible web is better web.
