键盘访问的可访问性合规性错误

Posted 2023-02-21

【中文标题】键盘访问的可访问性合规性错误

【英文标题】：Accesibility Compliance Error on keyboard access

【发布时间】：2021-08-12 23:44:00

【问题描述】：

我正在尝试解决与 508 complianca 相关的所有问题，并且我正在努力解决其中的一个问题。

Verify the <div> element with "menu" role has keyboard access

如何添加键盘访问以不再看到该错误？我一直在寻找，但我没有找到解决方案

基本上结构如下，我必须将角色值添加到该列表中。 react js 上有按钮的侧边栏

<div role='menu'>
  <ul role='list'>
    <li role='listItem' />
    <li role='listItem' />
    <li role='listItem' />
  </ul>
</div>

【参考方案1】：

菜单是非常具体的东西，需要大量支持键盘。确保您创建的实际上是一个菜单。

阅读本文以了解有关创建菜单的更多信息： https://www.w3.org/TR/wai-aria-practices-1.1/#menu

【讨论】：

我已经更新了我的问题，告诉你它是什么结构