2015-11-04 61 views
5

我看到了ARIA「角色」的文檔,但無法理解它。它究竟做了什麼?說,我在這樣的表中使用它:在HTML中使用ARIA「角色」究竟是什麼?

<td role='button'>text</td> 

這是否意味着這個單元格將像一個按鈕?有人可以用簡單的術語來解釋嗎?

+1

「角色」和「aria- *」屬性用於輔助功能,以便屏幕閱讀器可以根據需要相應地閱讀頁面,而這些屬性對html外觀沒有任何影響。 –

+0

@Sujata Chanda:好吧,它既不會出現也不會充當普通屏幕的按鈕? – 2012178

+1

是的,它既不會出現也不會充當普通屏幕的按鈕。 –

回答

0

您可以參閱MDN它說:

按鈕的作用應該用於被用戶激活時引發 響應點擊元素。就其本身而言,角色=「按鈕」可使 使任何元素(例如<p>, <span> or <div>)顯示爲對屏幕閱讀器的按鈕 控制。另外,爲了創建切換按鈕 ,此角色可以在 與aria-pressed屬性的組合中使用。

另見

如果可能的話,建議使用本地HTML按鈕<button>, <input type="button" /> and <input type="image" />),而 大於按鈕的作用,作爲本地的HTML按鈕更廣泛的支持 由較老的用戶代理和輔助技術。原生HTML按鈕 默認支持鍵盤和焦點要求,無需 進行其他自定義。

的w3.org也有aria-role

+0

但是當我在中嘗試它時,跨度內的文本看起來不像按鈕,即使當我添加了一個偵聽器時,它也沒有響應。 – 2012178

0

的詳細說明如前所述,ARIA是可訪問性和角色屬性不會對正常的瀏覽器產生影響。

實現ARIA角色的最簡單實用的方法之一是使用標誌。一些ARIA角色是地標,它允許用戶跳到屏幕閱讀器頁面的特定部分。一些盲人用戶覺得這很有用,因爲它可以幫助他們快速導航支持和行爲在不同的屏幕閱讀器描述here