gitwtfhub

wtf is eslint-plugin-jsx-a11y?

gaearon/eslint-plugin-jsx-a11y — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2017-06-28

4JavaScriptAudience · developerComplexity · 2/5DormantSetup · easy

TL;DR

An ESLint plugin that catches accessibility mistakes in React JSX code as you write it, like missing alt text or bad keyboard support.

Mindmap

mindmap
  root((eslint-plugin-jsx-a11y))
    What it does
      Lints JSX for accessibility
      Catches issues in real time
      Covers ARIA and keyboard nav
    Tech stack
      JavaScript
      ESLint
      React
    Use cases
      Catch missing alt text
      Enforce keyboard navigation
      Check form label connections
    Audience
      React developers
      PMs caring about accessibility

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Catch missing image alt text before code reaches production.

REASON 2

Enforce that interactive buttons work with keyboard-only navigation.

REASON 3

Bake accessibility standards into a team's development workflow from day one.

What's in the stack?

JavaScriptESLintReact

How it stacks up

gaearon/eslint-plugin-jsx-a11yarata-ae/purupurupngtubercarrycooldude/nova-ide
Stars444
LanguageJavaScriptJavaScriptJavaScript
Last pushed2017-06-28
MaintenanceDormant
Setup difficultyeasymoderate
Complexity2/53/5
Audiencedevelopergeneralvibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Works best paired with runtime accessibility testing, since it only catches static code issues.

The README does not specify license terms for this repository.

Yoink these prompts

Prompt 1
Set up eslint-plugin-jsx-a11y in my React project and explain what each rule checks.
Prompt 2
Show me how to fix an accessibility warning about missing alt text on an img tag.
Prompt 3
Explain how this plugin checks that form labels are properly connected to inputs.
Prompt 4
Help me configure which accessibility rules matter most for my startup's React app.

Frequently asked questions

wtf is eslint-plugin-jsx-a11y?

An ESLint plugin that catches accessibility mistakes in React JSX code as you write it, like missing alt text or bad keyboard support.

What language is eslint-plugin-jsx-a11y written in?

Mainly JavaScript. The stack also includes JavaScript, ESLint, React.

Is eslint-plugin-jsx-a11y actively maintained?

Dormant — no commits in 2+ years (last push 2017-06-28).

What license does eslint-plugin-jsx-a11y use?

The README does not specify license terms for this repository.

How hard is eslint-plugin-jsx-a11y to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is eslint-plugin-jsx-a11y for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.