2014-03-12 37 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