键盘访问时出现Accesibility错误

Question

我正在努力解决与508合规性相关的所有问题，其中一些问题我正在努力解决。

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>

Answer 1

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

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