fixup! feat(linter): Implement img-redundant-alt rule for jsx_a11y pl…

…ugin

crates/oxc_linter/src/rules/jsx_a11y/img_redundant_alt.rs

@@ -18,8 +18,8 @@ use crate::utils::{get_prop_value, has_jsx_prop_lowercase, is_hidden_from_screen
 use crate::{context::LintContext, rule::Rule, AstNode};
 
 #[derive(Debug, Error, Diagnostic)]
-#[error("eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom words) in the alt prop.")]
-#[diagnostic(severity(warning), help("Provide no redundant alt text for image."))]
+#[error("eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.")]
+#[diagnostic(severity(warning), help("Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom words) in the alt prop."))]
 struct ImgRedundantAltDiagnostic(#[label] pub Span);
 
 declare_oxc_lint!(

crates/oxc_linter/src/snapshots/img_redundant_alt.snap

@@ -2,188 +2,188 @@
 source: crates/oxc_linter/src/tester.rs
 expression: img_redundant_alt
 ---
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='Photo of friend.' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='Picture of friend.' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='Image of friend.' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='PhOtO of friend.' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt={'photo'} />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='piCTUre of friend.' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='imAGE of friend.' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='photo of cool person' aria-hidden={false} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='picture of cool person' aria-hidden={false} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='image of cool person' aria-hidden={false} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='photo' {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='image' {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='picture' {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt={`picture doing ${things}`} {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt={`photo doing ${things}`} {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt={`image doing ${things}`} {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt={`picture doing ${picture}`} {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt={`photo doing ${photo}`} {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt={`image doing ${image}`} {...this.props} />
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='Word1' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <img alt='Word2' />;
    ·      ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <Image alt='Word1' />;
    ·        ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.
 
-  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any
-  │ specified custom words) in the alt prop.
+  ⚠ eslint-plugin-jsx-a11y(img-redundant-alt): Redundant alt attribute.
    ╭─[img_redundant_alt.tsx:1:1]
  1 │ <Image alt='Word2' />;
    ·        ───
    ╰────
-  help: Provide no redundant alt text for image.
+  help: Provide no redundant alt text for image. Screen-readers already announce `img` tags as an image. You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom
+        words) in the alt prop.