Check for Accessibility Issues in JSX with the jsx-a11y ESLint Plugin

InstructorAndy Van Slaars

ARIA

Share this video with your friends

Send Tweet

Because we'll be controlling our markup via JSX, we can use ESLint to check our markup for potential accessibility issues based on static analysis of the code. In this lesson, we'll install, configure and run the jsx-a11y ESLint plugin.

Janis

~ 5 years ago

Doesn't work for me. jsx-a11y no affect gives me pass even with messing up the image tag.

Sundeep Paruchuri

~ 5 years ago

I had to change my package.json lint script to this to get it to work:

"lint": "eslint './' './src/*'"

Sundeep Paruchuri

~ 5 years ago

I had to change my package.json lint script to this to get it to work:

"lint": "eslint './' './src/*'"

Ended up changing it to this: "lint": "eslint --ext .jsx --ext .js ./ ./src"