jsx-a11y/no-static-element-interactions 正确性
作用
强制要求带有事件处理器的静态 HTML 元素必须具有适当的 ARIA 角色。
为什么这不好？
静态 HTML 元素在可访问性上下文中没有语义含义。 当这些元素接收点击或键盘事件处理器时，它们必须声明一个角色， 以向辅助技术表明其交互目的。
示例
以下是此规则的错误代码示例：
jsx
<div onClick={() => {}} />
<span onKeyDown={handleKeyDown} />以下是此规则的正确代码示例：
jsx
<button onClick={() => {}} />
<div onClick={() => {}} role="button" />
<input type="text" onClick={() => {}} />配置
此规则接受一个包含以下属性的配置对象：
allowExpressionValues
type: boolean
default: false
如果为 true，则允许 role 属性值为 JSX 表达式（例如 role={ROLE}）。 如果为 false，则只允许字符串字面量形式的 role 值。
handlers
type: string[]
default: null
一个事件处理器名称数组，这些名称会触发此规则（例如 onClick、onKeyDown）。
如何使用
To enable this rule using the config file or in the CLI, you can use:
json
{
"plugins": ["jsx-a11y"],
"rules": {
"jsx-a11y/no-static-element-interactions": "error"
}
}ts
import { defineConfig } from "oxlint";
export default defineConfig({
plugins: ["jsx-a11y"],
rules: {
"jsx-a11y/no-static-element-interactions": "error",
},
});bash
oxlint --deny jsx-a11y/no-static-element-interactions --jsx-a11y-plugin版本
此规则于 v1.37.0 中添加。