2014-03-12 35 views
0

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

我有一个具有“+”作为文本的锚标签。当它被屏幕阅读器读取时,它只会说“按钮”。我想屏幕阅读器读取它作为“按钮选项”

我试图使用标题和ALT但无济于事。

编辑: 这里是我的代码:

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

进出口使用NVDA

+1

你的确切标记是什么?哪个屏幕阅读器说“按钮”?如果你真的有'a'元素,这听起来很奇怪。 –

+0

见编辑后。 – JLineses

回答

1

看来,role="button"使得屏幕阅读器说话“按钮”,并且它不知道怎么说“+” (这有点奇怪)。不同的屏幕阅读器的行为不同,但以下似乎是一个办法,就是与一般ARIA原则:

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

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

虽然我不确定“按钮选项”是否是合适的名称。提供一个描述所选内容的名称可能会更好,而不是抽象地选择某些选项。以ARIA方式指定时,启用ARIA的用户代理应将控件的类型表达给用户。

+0

这工作!谢谢。我用角色=“菜单”来代替。 – JLineses