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.

參考資料

• 規則來源