jsx\_a11y/img-redundant-alt 正确性

做什么

强制实施 img alt 属性不包含单词“image”、“picture”或“photo”。屏幕阅读器早已将 img 元素播报为图像。没有必要使用诸如 image、photo 和/或 picture 之类要词。

为什么必需？

备用文本是屏幕阅读器用户无障碍功能的关键组成部分，使用户能够理解元素的内容和功能。

检查内容

此规则检查以下元素的备用文本：<img>和 options.components 中定义的组件，但屏幕阅读器隐藏的组件除外。

示例

此规则的不正确代码示例

<img src="foo" alt="Photo of foo being weird." />
<img src="bar" alt="Image of me at a bar!" />
<img src="baz" alt="Picture of baz fixing a bug." />

此规则的正确代码示例

<img src="foo" alt="Foo eating a sandwich." />
<img src="bar" aria-hidden alt="Picture of me taking a photo of an image" /> // Will pass because it is hidden.
<img src="baz" alt={`Baz taking a ${photo}`} /> // This is valid since photo is a variable name.

参考

• 规则来源