在 div 上应用 onclick 后 html 中 div 的角色值应该是多少
What should be role value of div in html after apply onclick on div
当我将 onclick 应用于 div 时，角色属性的值应该是多少？
我阅读了文档 WAI-ARIA Roles，但无法找到 div 的任何特定角色值。我在 React 中工作，这个组件在一个循环中，在这个组件上，我必须在点击这个组件时转到另一个页面。角色属性的值应该是多少，如果我不使用角色属性，那么 ES-Lint 会给我一个不可接受的警告。
在重新阅读您的问题时，编辑：因为您正在执行导航：role ="link"。
要执行操作，您需要 role="button"
但是，请尽可能使用正确的语义。
因为它转到另一个页面 - role="link" 因为它实际上是一个 hyperlink (<a>)
但是，如果您的路由设置正确，只需将 <div> 换成锚 <a> 并将 href 属性设置为目标即可。
话虽这么说 role="link" has good support 所以你应该没问题。
还要考虑，如果这是一个 <div>，那么您需要向其添加 tabindex="0"，以便它可以通过键盘聚焦并处理 Enter 和 Space 键同时按下以激活 link.
如您所想，从一开始就使用 <a> 元素要容易得多！
当我将 onclick 应用于 div 时，角色属性的值应该是多少？ 我阅读了文档 WAI-ARIA Roles，但无法找到 div 的任何特定角色值。我在 React 中工作，这个组件在一个循环中，在这个组件上，我必须在点击这个组件时转到另一个页面。角色属性的值应该是多少，如果我不使用角色属性，那么 ES-Lint 会给我一个不可接受的警告。
在重新阅读您的问题时，编辑：因为您正在执行导航：role ="link"。
要执行操作，您需要 role="button"
但是，请尽可能使用正确的语义。
因为它转到另一个页面 - role="link" 因为它实际上是一个 hyperlink (<a>)
但是，如果您的路由设置正确，只需将 <div> 换成锚 <a> 并将 href 属性设置为目标即可。
话虽这么说 role="link" has good support 所以你应该没问题。
还要考虑，如果这是一个 <div>，那么您需要向其添加 tabindex="0"，以便它可以通过键盘聚焦并处理 Enter 和 Space 键同时按下以激活 link.
如您所想，从一开始就使用 <a> 元素要容易得多！