Skip to content
Biome 中文网
文档 演练场
Blog

noHeaderScope

摘要

Section titled “摘要”

¥Summary

  • 规则生效日期：v1.0.0

    ¥Rule available since: v1.0.0

  • 诊断类别：lint/a11y/noHeaderScope

    ¥Diagnostic Category: lint/a11y/noHeaderScope

  • 此规则为推荐规则，默认启用。

    ¥This rule is recommended, which means is enabled by default.

  • 此规则包含 unsafe 修复程序。

    ¥This rule has an unsafe fix.

  • 此规则的默认严重级别为 error。

    ¥The default severity of this rule is error.

  • 来源：

    ¥Sources:

如何配置

Section titled “如何配置”

¥How to configure

biome.json
{
  "linter": {
    "rules": {
      "a11y": {
        "noHeaderScope": "error"
      }
    }
  }
}

描述

Section titled “描述”

¥Description

范围属性应仅用于 <th> 元素。

¥The scope prop should be used only on <th> elements.

示例

Section titled “示例”

¥Examples

无效

Section titled “无效”

¥Invalid

<div scope={scope} />
code-block.jsx:1:6 lint/a11y/noHeaderScope  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Avoid using the scope attribute on elements other than th elements.
  
  > 1 │ <div scope={scope} />
      │      ^^^^^^^^^^^^^
    2 │ 
  
  ℹ The scope attribute is used to associate a data cell with its corresponding header cell in a data table,
                so it should be placed on th elements to provide accessibility to screen readers.
  
  ℹ Follow the links for more information,
    WCAG 1.3.1
    WCAG 4.1.1
  
  ℹ Unsafe fix: Remove the scope attribute.
  
    1 │ <div·scope={scope}·/>
      │      --------------  
<div scope="col" />
code-block.jsx:1:6 lint/a11y/noHeaderScope  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Avoid using the scope attribute on elements other than th elements.
  
  > 1 │ <div scope=“col” />
      │      ^^^^^^^^^^^
    2 │ 
  
  ℹ The scope attribute is used to associate a data cell with its corresponding header cell in a data table,
                so it should be placed on th elements to provide accessibility to screen readers.
  
  ℹ Follow the links for more information,
    WCAG 1.3.1
    WCAG 4.1.1
  
  ℹ Unsafe fix: Remove the scope attribute.
  
    1 │ <div·scope=“col”·/>
      │      ------------

有效

Section titled “有效”

¥Valid

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

可访问性指南

Section titled “可访问性指南”

¥Accessibility guidelines

相关链接

Section titled “相关链接”

¥Related links

Biome v2.1 中文网 - 粤ICP备13048890号

Nodejs.cn 旗下网站