Disabling jsx-a11y/alt-text for DatoCMS react Image component

🆘 Support
1

Does anyone know how to disable this in the eslintrc.json file for entire Next.js project?

Screenshot 2022-06-08 at 11.31.05
Screenshot 2022-06-08 at 11.31.052202×510 62.5 KB

I have added this, but it does not work:

{
  "extends": ["next/core-web-vitals", "prettier"],
  "rules": {
    "prefer-const": "error",
    "indent": ["error", 2],
    "jsx-a11y/img-has-alt": "off"
  }
}
2

In case someone needs this. Solution is:

"jsx-a11y/alt-text": [0]

1 Like
3 
// react-datocms - Image component has no alt property
    "jsx-a11y/alt-text": [ 2, {
      "elements": [ "img", "object", "area", "input[type=\"image\"]" ],
      "object": ["Object"],
      "area": ["Area"],
      "input[type=\"image\"]": ["InputImage"]
    }]

we did this so that it will still enforce it for other items vs disabling it completely. i believe in their docs its just says to remove "img": ["Image"], from the options above.

1 Like