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

时间:2014-03-12 12:20:44

标签: javascript html css accessibility assistive-technology

我应该使用什么属性哪种辅助技术可读?

我有一个锚标签,其中包含" +"作为文字。当屏幕阅读器读取它时,它只会显示"按钮"。我希望屏幕阅读器将其读作"按钮选项"

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

编辑: 这是我的代码:

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

我正在使用NVDA

1 个答案:

答案 0 :(得分:1)

似乎role="button"使屏幕阅读器说“按钮”并且它不知道怎么说“+”(这有点奇怪)。不同的屏幕阅读器表现不同,但以下似乎是一种符合一般ARIA原则的方法:

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

如果元素打开一组选项,listboxselect元素的默认角色)可能最好地描述其角色。 aria-label属性“标记当前元素”(用于ARIA目的)和“为用户提供对象的可识别名称”。

我不确定“按钮选项”是否是合适的名称。提供描述所选内容的名称可能更好,而不是抽象地作为某些选项。启用ARIA的用户代理应在以ARIA方式指定时向用户表示控件的类型。