jsx_a11y/role-supports-aria-props 正确性

目的

强制定义了明确或隐式角色的元素只包含该 role 支持的 aria-* 属性。许多 ARIA 属性（状态和属性）只能用于具有特定角色的元素。一些元素具有隐式角色，例如 <a href="#" />，它将解析为 role="link"。

示例

此规则的错误代码示例

<ul role="radiogroup" "aria-labelledby"="foo">
    <li aria-required tabIndex="-1" role="radio" aria-checked="false">Rainbow Trout</li>
    <li aria-required tabIndex="-1" role="radio" aria-checked="false">Brook Trout</li>
    <li aria-required tabIndex="0" role="radio" aria-checked="true">Lake Trout</li>
</ul>

此规则的正确代码示例

<ul role="radiogroup" aria-required "aria-labelledby"="foo">
    <li tabIndex="-1" role="radio" aria-checked="false">Rainbow Trout</li>
    <li tabIndex="-1" role="radio" aria-checked="false">Brook Trout</li>
    <li tabIndex="0" role="radio" aria-checked="true">Lake Trout</li>
</ul>

参考

• 规则源