有人可以給我更多關於角色和aria- * HTML5屬性的功能嗎？

Question

我想知道HTML5中角色和aria- *屬性的作用。謝謝。

Answer 1

ARIA是Accessible Rich Internet Application的首字母縮寫。 HTML5屬性是W3C WAI-ARIA規範到HTML5的映射。它的目的是幫助輔助技術 - 比如盲人用戶的屏幕閱讀器 - 瞭解Web應用程序和小部件。這在AJAX風格的交互中尤其重要。

例如：一個HTML/CSS小部件可能完全由DIV構成並且可以動態更新。由於HTML的語義不足以描述豐富的應用程序，因此aria屬性有助於向輔助技術告知其目的和任何動態功能。

Answer 2

您創建的不同組件可能每個都有一個「角色」，它試圖描述組件的功能和用途。

有一堆不同的角色。角色分爲兩類：用於討論的「抽象」角色以及您使用的「實際」角色。

每個角色都必須包含一些不同的「aria *」屬性。這些屬性描述了窗口小部件的當前狀態，並且隨着窗口小部件的變化而變化。

例如，想象一下，您想從一堆div和javascript中創建滑塊小部件。滑塊控件的抽象角色是「範圍」，因爲它代表了一個可能的值範圍。您在代碼中使用的實際角色是「滑塊」。描述您需要使用的滑塊的不同詠歎調屬性是「aria-valuenow，aria-valuemax，aria-valuemin」。

我使用過此頁面：http://www.w3.org/TR/wai-aria/roles#slider 這真的很有幫助，你可以點擊一個抽象角色並查看屬於它的所有子角色。對於每個角色，它會給你一個所需的詠歎調屬性列表。