useValidAriaProps

诊断类别：lint/a11y/useValidAriaProps

¥Diagnostic Category: lint/a11y/useValidAriaProps

JSX and TSX

自从：v1.0.0

¥Since: v1.0.0

来源：

¥Sources:

与以下相同：jsx-a11y/aria-props

¥Same as: jsx-a11y/aria-props

确保 ARIA 属性 aria-* 全部有效。

¥Ensures that ARIA properties aria-* are all valid.

示例

¥Examples

无效

¥Invalid

<input className="" aria-labell="" />

code-block.jsx:1:1 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ The element contains invalid ARIA attribute(s)
  
  > 1 │ <input className="" aria-labell="" />
      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ aria-labell is not a valid ARIA attribute.
  
  > 1 │ <input className="" aria-labell="" />
      │                     ^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    1 │ <input·className=""·aria-labell=""·/>
      │                     ---------------

<div aria-lorem="foobar" />;

code-block.jsx:1:1 lint/a11y/useValidAriaProps  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ The element contains invalid ARIA attribute(s)
  
  > 1 │ <div aria-lorem=“foobar” />;
      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ aria-lorem is not a valid ARIA attribute.
  
  > 1 │ <div aria-lorem=“foobar” />;
      │      ^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Unsafe fix: Remove the invalid aria-* attribute.
                    Check the list of all valid aria-* attributes.
  
    1 │ <div·aria-lorem=“foobar”·/>;
      │      --------------------

可访问性指南

¥Accessibility guidelines

WCAG 4.1.2

useValidAriaProps

示例

无效

可访问性指南

相关链接