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

我应该使用辅助技术可读的什么属性？

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

我试图使用标题和替代，但无济于事。

编辑：
这是我的代码：

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

我正在使用NVDA

最佳答案

role="button"似乎使屏幕阅读器说“按钮”，并且它不知道怎么说“ +”（有点奇怪）。不同的屏幕阅读器的行为有所不同，但以下方法似乎与ARIA通用原则一致：

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

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

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

关于javascript - 辅助技术可读的使用属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22351373/