Skip to content
Biome 中文网
开发文档 当前版本 v1.9

useAriaPropsForRole

诊断类别：lint/a11y/useAriaPropsForRole

¥Diagnostic Category: lint/a11y/useAriaPropsForRole

自从：v1.0.0

¥Since: v1.0.0

来源：

¥Sources:

强制具有 ARIA 角色的元素必须具有该角色所需的所有 ARIA 属性。

¥Enforce that elements with ARIA roles must have all required ARIA attributes for that role.

示例

Section titled 示例

¥Examples

无效

Section titled 无效

¥Invalid

<span role="checkbox"></span>
code-block.jsx:1:7 lint/a11y/useAriaPropsForRole ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ The element with the checkbox ARIA role does not have the required ARIA attributes.
  
  > 1 │ <span role=“checkbox”></span>
      │       ^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Missing ARIA prop(s):
  
  - aria-checked
  
<span role="heading"></span>
code-block.jsx:1:7 lint/a11y/useAriaPropsForRole ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ The element with the heading ARIA role does not have the required ARIA attributes.
  
  > 1 │ <span role=“heading”></span>
      │       ^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Missing ARIA prop(s):
  
  - aria-level

有效

Section titled 有效

¥Valid

<span role="checkbox" aria-checked="true"></span>
<span role="heading" aria-level="1"></span>

可访问性指南

Section titled 可访问性指南

¥Accessibility guidelines

资源

Section titled 资源

¥Resources

相关链接

Section titled 相关链接

¥Related links