跳至内容

jsx_a11y/scope 准确性

🛠️ 此规则有自动修复功能。

它执行的操作

scope prop 应仅用于 <th> 元素。

为什么这样做不好?

scope 属性使屏幕阅读器用户可以更加轻松地浏览表格(前提是合理使用该属性)。使用不当的话,范围可能会让表格浏览变得更加困难和低效。屏幕阅读器按照一个假设来操作,即每个表格都有一个标题,并且该标题指定一个范围。由于屏幕阅读器的工作方式,准确的标题可以让人们在使用设备时更轻松、更有效地查看表格。

示例

此规则中不正确代码的示例

jsx
<div scope />

此规则中正确代码的示例

jsx
<th scope="col" />
<th scope={scope} />

参考资料

依据 MIT 许可发布。