ARIA:文件結構角色
ARIA 文件結構角色用於為內容部分提供結構描述。
結構性 ARIA 角色最初是為了彌合差距而建立的,以便將尚未在瀏覽器中完全支援的 HTML5 元素告知輔助技術。有些角色,如 presentation、toolbar 和 tooltip,在不存在等效的本地 HTML 元素的情況下,會向輔助技術提供文件結構的有關資訊。其他角色,包括下表中所列的角色,則是不必要的,因為存在含義相同的語義 HTML 元素。在許多情況下,這些等效的 HTML 元素一直都得到了支援。
警告:所有這些結構性角色都有語義 HTML 等效項。此處包含它們是為了文件的完整性。最好不要由 Web 作者使用它們。請優先選擇 HTML 語義元素。
某些結構性角色,如 suggestion,沒有 HTML 等效項,因此有單獨的文件。一些具有 HTML 等效項的結構性角色,如 heading,具有 ARIA 屬性要求。它們在下面列出,並附有指向其單獨角色文件的連結。
以下大部分角色從未真正需要過,但為了完整性而被新增到 ARIA 中。我們也為了完整性在此包含它們。
具有 HTML 等效項的結構性角色
下面列出了具有 HTML 等效項的結構性角色
| ARIA 角色和描述 | HTML 等效項 |
|---|---|
associationlist 僅包含 associationlistitemkey 子元素及其同級的 associationlistitemvalue。 |
<dl> |
關聯列表項鍵 必須包含在 associationlist 中。 |
<dt> |
關聯列表項值 始終是 associationlistitemkey 後面的同級項。 |
<dd> |
塊引用 一段內容,是從其他來源引用的。 |
<blockquote> |
caption 可見內容,它命名(也可能描述) figure、table、grid 或 treegrid。僅在上述 4 個角色中找到。 caption 的 id 通常由 figure、grid、table 或 treegrid 的 aria-labelledby 屬性引用。禁止的屬性: aria-label 和 aria-labelledby。 |
<caption> <figcaption> |
code 一段代表計算機程式碼片段的內容。 禁止的屬性: aria-label 和 aria-labelledby。 |
<code> |
刪除 標記為已刪除或建議刪除的內容。 禁止的屬性: aria-label 和 aria-labelledby。 |
<del> |
強調 用於強調或突出內容,但不用於建議重要性。 禁止的屬性: aria-label 和 aria-labelledby。 |
<em> |
figure 圖形文件、影像、程式碼片段或示例文字的容器。 |
<figure> |
heading 頁面部分的標題。 需要 aria-level 屬性來指示巢狀級別。有關更多資訊,請參閱 heading 角色。 |
h1、h2、h3、h4、h5 和 h6 |
圖片 構成影像的元素集合的容器。 img 角色的同義詞。 |
<img> |
img 構成影像的元素集合的容器。 需要可訪問名稱。 有關更多資訊,請參閱 img 角色。 |
<img> |
插入 標記為已新增的內容或正在建議新增的內容。 禁止的屬性: aria-label 和 aria-labelledby。 |
<ins> |
list包含 listitem 元素的區域。有關更多資訊,請參閱 list 角色 |
<ol><ul> |
listitemlist 或 directory 中的單個專案。必須包含在 list 中(例如 <li>)。有關更多資訊,請參閱 listitem 角色。 |
<li> |
mark為參考或註釋目的而標記或突出顯示的內容。 有關更多資訊,請參閱 mark 角色。 |
<mark> |
meter 已知範圍內的標量測量值,或分數。 需要可訪問名稱。需要 aria-valuenow。有關更多資訊,請參閱 meter 角色。 |
<meter> |
段落 一段內容。 禁止的屬性: aria-label 和 aria-labelledby。 |
<p> |
粗體 重要、嚴重或緊急的內容。 禁止的屬性: aria-label 和 aria-labelledby。 |
<strong> |
下標 一個或多個下標字元。 僅在省略該角色會改變內容含義時使用。 禁止的屬性: aria-label 和 aria-labelledby。 |
<sub> |
上標 一個或多個上標字元。 僅在省略該角色會改變內容含義時使用。 禁止的屬性: aria-label 和 aria-labelledby。 |
<sup> |
term帶有可選對應定義的詞語或短語。 禁止的屬性: aria-label 和 aria-labelledby。有關更多資訊,請參閱 term 角色。 |
<dfn> |
時間 有效日期或時間字串格式,例如特定時間點。 禁止的屬性: aria-label 和 aria-labelledby。 |
<time> |
注意:aria-label 和 aria-labelledby 屬性禁止用於 code、caption、deletion、emphasis、generic、insertion、mark、paragraph、presentation、none、strong、subscript、superscript、suggestion、term 和 time,並且僅應用於互動式內容。
規範
| 規範 |
|---|
| 無障礙富網際網路應用程式 (WAI-ARIA) # document_structure_roles |