Static AST checker for accessibility rules on JSX elements. This plugin does a static evaluation of the JSX to spot accessibility issues in React apps. Because it only catches errors in static code, use it in combination with axe-core/react to test the accessibility of the rendered DOM. Consider these tools just as one step of a larger a11y testing process and always test your apps with assistive technology. If you installed ESLint globally (using the -g flag in npm, or the global prefix in yarn) then you must also install eslint-plugin-jsx-a11y globally. To enable your custom components to be checked as DOM elements, you can set global settings in your configuration file by mapping each custom component name to a DOM element type. Enforce all elements that require alternative text have meaningful information to relay back to the end user.
Features
- Enforce elements with aria-activedescendant are tabbable
- Rule strictness in different modes
- An operating system will provide an accessibility API that maps application state and content
- Browsers support an Accessibility API on a per operating system basis
- You can also see a text-based version of the AX Tree in Chrome in the stable release version
- Mouse events have key events