Eslint Plugin JSX A11Y

Posted by

Vincenzo Rubano
on · one minute reading.

Quoting its official documentation, eslint-plugin-jsx-a11y is a “static AST checker for accessibility rules on JSX elements”. It adds some static accessibility checks within your linting process (via [eslint[( to ensure that the JSX code you write will generate accessible markup when executed.

Since eslint-plugin-jsx-a11y can only perform static analysis, there are cases (e.g. dynamic props) where it cannot detect wether your code can cause accessibility issues or not; in such cases, by design it won’t fail its tests in such scenarios. Therefore, you still need to combine it with tools that perform accessibility checking at run time such as react-axe.

Filed under: