1×
Become a member
to unlock all features

Create an egghead account to access 5000+ tutorials and resources from expert developers.

Create account
Autoplay

    Set up ESLint to Audit Accessibility Issues in React

    reactReact
    >=16.10.2

    Our first layer of defense when building accessible React applications is to add some auditing tools to our development workflow. This should include adding static analysis checking for common accessibility standards and best practices. We can get this with the latest eslint plugin: "eslint-plugin-jsx-a11y". If you are already linting your projects adding this plugin should fit very smoothly into your workflow.

    Resources

    1. List of all the rules supported by eslint-plugin-jsx-a11y
    2. Comparison of the difference in rules between recommended and strict mode
    3. Background on how the Accessibility API implemented by browsers interfaces with Assistive Technologies