Skip to content
| Marketplace
Sign in
Visual Studio Code>Linters>React A11y GuardNew to Visual Studio Code? Get it now.
React A11y Guard

React A11y Guard

accessibility-tools

|
1 install
| (0) | Free
Realtime React accessibility checker based on WCAG guidelines
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React A11y Guard ♿

Realtime accessibility checker for React (JSX/TSX) based on WCAG 2.1 / 2.2 guidelines.

✨ Features

  • Live accessibility diagnostics
  • React-specific rules
  • WCAG Level A & AA focused
  • Lightweight & fast
  • Works while typing

🔍 Current Rules

  • Missing alt on images
  • Keyboard accessibility for clickable elements
  • Accessible labels for inputs

📦 Supported Languages

  • JavaScript React (JSX)
  • TypeScript React (TSX)

🚀 Usage

Open any .jsx or .tsx file and accessibility issues will appear automatically.

🛣 Roadmap

  • Auto-fix suggestions
  • Custom component detection
  • WCAG AA contrast checks
  • Configurable rules

📄 License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft