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

Question

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

我有一个以“+”作为文本的 anchor 标记。当它被屏幕阅读器阅读时，它只会说“按钮”。我希望屏幕阅读器将其读作“按钮选项”

我试过使用 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" ...>

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

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