javascript - 要使用的属性是辅助技术可读的

Question

我应该使用哪些属性是辅助技术可读的？

我有一个带有“+”作为文本的锚标签。当屏幕阅读器阅读它时，它只会显示“按钮”。我希望屏幕阅读器将其读取为“按钮选项”

我尝试使用 title 和 alt 但无济于事。

编辑：这是我的代码：

<a role="button" title="Options" id="options" onlick="<function that pops up the options menu>">+</a>

我正在使用 NVDA

Answer 1

似乎这role="button"让屏幕阅读器说出“按钮”，但它不知道如何说出“+”（这有点奇怪）。不同的屏幕阅读器表现不同，但以下似乎是符合一般ARIA原则的方法：

<a role="listbox" aria-label="button options" ...>

如果元素打开一组选项，它的角色可能最好用listbox（这是select元素的默认角色）来描述。属性“aria-label标记当前元素”（用于 ARIA 目的）和“为用户提供可识别的对象名称”。

不过，我不确定“按钮选项”是否是一个合适的名称。提供一个描述正在选择的内容的名称可能会更好，而不是抽象地成为一些选项。当以 ARIA 方式指定时，启用 ARIA 的用户代理应向用户表达控件的类型。