可访问性:aria-haspopup可以用于什么？

Question

我有aria-haspopup适合子菜单的良好权限(例如弹出上下文菜单或子级菜单).它用于jQuery UI Selectmenu,也用于这个很棒的例子.

我无法弄清楚的是,是否aria-haspopup适用于以下两个例子:

• 信息弹出窗口,例如Bootstrap,用于上下文信息,但不包含任何链接
• 弹出浏览器窗口 - 例如链接target="_blank"

是aria-haspopup在这些情况下,合适吗？如果没有,是否应该使用ARIA属性？

Answer 1

正式地它应该只用于菜单或子菜单,来自ARIA规范1.0:

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

该Whatsock风格指南涵盖了这下,"情态动词"部分:

通过向触发元素添加属性aria-haspopup ="true"来通知屏幕阅读器用户附加"Popup"可能听起来是个好主意,但这不是一个好主意....简而言之,除非您触发菜单,否则不要使用aria-haspopup.

有一些关于在未来版本中扩展意义的讨论,但目前假设它是针对菜单的.

我给出了一个关于Bootstrap的工具提示的答案,这应该有所帮助.

对于弹出式浏览器窗口,无论如何都会由屏幕阅读器宣布,不需要额外的标记.(注意:有助于为屏幕放大镜用户提供新窗口的可视指示器.)

Answer 2

的WAI-ARIA 1.1规格(这是在写入时的电流的一个)扩大了使用的aria-haspopup相比,1.0规范:

[ aria-haspopup]表示可由元素触发的交互式弹出元素(例如菜单或对话框)的可用性和类型.

弹出元素通常显示为位于其他内容之上的内容块.作者必须确保充当了弹出内容容器中元素的作用menu,listbox,tree,grid,或dialog,而价值aria-haspopup相匹配的弹出式容器的作用.

因此,您应该将值设置aria-haspopup为与触发元素上的角色属性相同的值.如果设置为true它将被解释为menu与1.0规范对齐,其中aria-haspopup仅用于菜单.

但请注意这个工具提示(如Bootstrap popovers):

tooltip在此上下文中,A 不被视为弹出窗口.

弹出浏览器窗口不是页面上的HTML元素,因此锚元素target="_blank"不应具有aria-haspopup属性.