eslint-plugin-jsx-a11y

Static AST checker for a11y rules on JSX elements. (by jsx-eslint)

Eslint-plugin-jsx-a11y Alternatives

Similar projects and alternatives to eslint-plugin-jsx-a11y

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better eslint-plugin-jsx-a11y alternative or higher similarity.

eslint-plugin-jsx-a11y reviews and mentions

Posts with mentions or reviews of eslint-plugin-jsx-a11y. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-09-21.
  • Speeding up the JavaScript ecosystem – Polyfills gone rogue
    11 projects | news.ycombinator.com | 21 Sep 2023
    I try to focus on the issues rather than individuals, but the root of the problems in the listed eslint plugin libraries points to ljharb.

    If you do some simple digging into these libraries, you will find that these types of commits are quite common within them.

    https://github.com/jsx-eslint/eslint-plugin-react/commit/e1d...

    https://github.com/jsx-eslint/jsx-ast-utils/commit/bad51d062...

    https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/commit/...

    He would rather see the download count of these polyfill libraries https://github.com/ljharb/ljharb#projects-i-maintain increase, compared to assessing the health of the JavaScript ecosystem.

  • The Best ESLint Rules for React Projects
    8 projects | dev.to | 15 Sep 2023
    jsx-a11y is all about ensuring your DOM elements are accessible. This plugin will prompt you to include the correct ARIA attributes such as labels and roles, in addition to things like alt text.
  • Create React UI Lib 1.1: Ladle and ESLint
    7 projects | dev.to | 8 Jul 2023
    You can also add ESLint now (props to @femincan for the suggestion). It comes with recommended settings for these plugins: typescript, prettier, react, react-hooks, jsx-a11y.
  • Light UI component library but as good as MUI (or atleast close to it)?
    3 projects | /r/reactjs | 3 Jul 2023
    WAI-ARIA is important if you are writing custom components and do not follow the general rules for HTML tags. For example, if you are using a `div` as a button, you would need to add tags for accessibility. Yes, there are some other instances, like adding alt text to images or adding a title to an iframe, but these can all be handled with warnings in the editor using the jsx-a11y eslint plugin. Some other nuance will be up to the developer to make sure they follow the proper accessibility structure, but most use cases are outlined in the Daisy UI tailwind examples, they do a great job of using HTML properly and give fully accessible examples for their components. Take a look at the accordion example, you can tab into the accordion and use the arrow keys to navigate.
  • Introducing react.dev: the new React docs site!
    5 projects | /r/reactjs | 16 Mar 2023
    jsx-a11 (ESLint plugin) checks a couple other things.
  • Newbie question about ARIA/ADA Compliance
    2 projects | /r/webdev | 10 Oct 2022
    When using react, I've been using the recommended rules from eslint-plugin-jsx-a11y. Am I naive for relying a lot on that to get a11y right? Of course I try to write semantic html too and do research for each topic, but it's a bit overwhelming and I feel like the eslint rules help me a lot.
  • Can someone help me locate documentation where this eslint rule is talked about?
    1 project | /r/learnprogramming | 30 Sep 2022
    I found the documentation but no solution here: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/label-has-associated-control.md
  • Setting up ESLint & Prettier in ViteJS
    10 projects | dev.to | 11 Aug 2022
    eslint-plugin-jsx-a11y: Checks for accessiblity issues.
  • Introduction to Web Accessibility (A11Y)
    2 projects | dev.to | 18 Mar 2022
    For example, Deque's open-source Axe project can help identify issues such as common HTML semantic errors, contrast problems, and more. There are even libraries that help integrate Axe into your project's linters, such as one for React called eslint-plugin-jsx-a11y.
  • I'm trying to learn how to use Bulma in a react app, but getting an error about an href
    1 project | /r/react | 2 Mar 2022
    That error has nothing to do with bulma (other than the fact that bulma documentation is recommending poor HTML) and is just an error indicating that it's not appropriate to have an tag without an href. See details here.
  • A note from our sponsor - WorkOS
    workos.com | 25 Apr 2024
    The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →

Stats

Basic eslint-plugin-jsx-a11y repo stats
16
3,321
7.1
9 days ago

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com