可访问性:这是否是没有带有单击处理程序的键盘侦听器的有效用例?

问题描述

我有一个工具提示窗口小部件,单击按钮即可打开,然后再次单击触发器将其关闭。 为此,在小部件容器div上添加一个onclick,在其中我们使用e.stopPropagation()停止click事件冒泡到其父级,否则单击小部件将触发其父级的点击,从而切换小部件。

(这类似于在单击触发器时切换的下拉菜单

eslint a11y规则抱怨说,这个带有onclick的容器也应该至少有一个关键事件监听器。在这种情况下,关键的监听者是什么?我没有使用onclick提供任何需要通过键盘访问的功能

注意: 这是eslint插件自述文件中提到的特殊情况之一。 https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events

这种情况不一样,但是很相似。

此外,作为参考,我在github存储库中打开了一个问题。 https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/issues/740

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)