aria-haspopup 是做什么的？

Question

我正在学习如何在 Bootstrap 4 中创建导航栏和下拉菜单，我注意到“aria-haspopup = 'true'”而不是“data-target”属性。你们能解释一下这条线的作用，以及我可以使用什么值吗？这是完整的代码行：

<a class="nav-link dropdown-toggle" href="http://example.com" id="responsiveNavbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>

Answer 1

aria-haspopup 不是 Bootstrap 4 的一部分，而是 W3C 推荐的Accessible Rich Internet Applications (WAI-ARIA) 的一部分。

根据此建议，aria-haspopup 属性：

表示该元素具有弹出上下文菜单或子级菜单。

这意味着激活会呈现有条件的内容。请注意，在这种情况下，普通工具提示不被视为弹出窗口。

弹出窗口通常在视觉上显示为一组似乎位于主页内容顶部的项目。

aria-haspopup 属性和 WAI-ARIA 的总体目标是：

允许辅助技术向残障人士传达适当的信息。

Answer 2

aria-haspopup 属性表示可以由设置了该属性的元素触发的交互式弹出元素的可用性和类型。