← Back to rules

jsx-a11y/scope 正确性

An auto-fix is available for this rule.

它的作用

scope 属性只能用于 <th> 元素。

为什么这是不好的？

scope 属性可以使屏幕阅读器用户更轻松地导航表格，前提是使用得当。 如果使用不当，scope 可能会使表格导航变得更加困难且效率低下。 屏幕阅读器默认假设表格包含表头，并且该表头会指定作用域。由于屏幕阅读器的工作方式，拥有准确的表头能使使用该设备的人更轻松、更高效地浏览表格。

示例

以下为错误用法的示例：

<div scope />

以下为正确用法的示例：

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

如何使用

要通过配置文件或 CLI 启用此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/scope": "error"
  }
}

CLI

oxlint --deny jsx-a11y/scope --jsx-a11y-plugin

参考资料

• 规则源码