aria-haspopup="true" 不起作用，页面仍导航到触摸屏上的链接

Question

我有一个下拉菜单。在非触摸屏设备上，下拉菜单在悬停时显示。

在触摸屏上，单击时会显示菜单，直到页面导航离开。用户单击下拉显示，但页面仍然导航离开。我添加了 aria-haspopup，我认为它会阻止页面在第一次触摸元素时导航。但用户仍被导航到该页面。

<span class="navbar-dropdown">                                                  
  <a href="/page" aria-haspopup="true"><span>page</span></a>
  <a>etc</a>
</span>

如何阻止链接在第一个链接上离开谢谢

Answer 1

aria- 属性用于向屏幕阅读器等辅助技术描述元素的行为。它们不会改变常规浏览器中元素的正常行为。

ARIA - Accessibility | MDN

如果您想阻止浏览器跟踪链接，则需要使用 Javascript。