jsx_a11y/alt-text 正确性
它的功能
确保所有需要替代文本的元素都有有意义的信息可传递给最终用户。
为什么有此必要?
对于屏幕阅读器用户而言,替代文本是辅助功能的一个重要组成部分,可让他们了解元素的内容和功能。
它检查的内容
此规则检查以下元素上的替代文本:<img>
、<area>
、<input type="image">
和 <object>
。
如何修复
确保 alt
属性存在并包含有意义且描述元素内容或目的的文本。
示例
针对此规则的不正确代码示例
jsx
<img src="flower.jpg" alt="A close-up of a white daisy" />
针对此规则的正确代码示例
jsx
<img src="flower.jpg" />