ARIA 狀態和屬性(attributes)
本頁列出了涵蓋 MDN 上討論的所有 WAI-ARIA 屬性的參考頁面。
ARIA 屬效能夠修改輔助功能樹中定義的元素的**狀態和屬性**。
注意:ARIA 只修改輔助功能樹,改變輔助技術向用戶呈現內容的方式。ARIA 不改變元素的任何功能或行為。當不使用語義化 HTML 元素實現其預期目的和預設功能時,您必須使用 JavaScript 來管理行為、焦點和 ARIA 狀態。
ARIA 屬性型別
ARIA 狀態和屬性分為 4 個類別
小部件屬性
aria-autocompletearia-checkedaria-disabledaria-errormessagearia-expandedaria-haspopuparia-hiddenaria-invalidaria-labelaria-levelaria-modalaria-multilinearia-multiselectablearia-orientationaria-placeholderaria-pressedaria-readonlyaria-requiredaria-selectedaria-sortaria-valuemaxaria-valueminaria-valuenowaria-valuetext
即時區域屬性
拖放屬性
關係屬性
全域性 ARIA 屬性
某些狀態和屬性適用於所有 HTML 元素,無論是否應用了 ARIA 角色。這些被定義為“全域性”屬性。全域性狀態和屬性受到所有角色和基本標記元素的支援。
上述許多屬性都是全域性的,這意味著它們可以包含在任何元素上,除非特別禁止
aria-atomicaria-busyaria-controlsaria-currentaria-describedbyaria-descriptionaria-detailsaria-disabledaria-dropeffectaria-errormessagearia-flowtoaria-grabbedaria-haspopuparia-hiddenaria-invalidaria-keyshortcutsaria-labelaria-labelledbyaria-livearia-ownsaria-relevantaria-roledescription
所謂“特別禁止”,是指上述所有屬性都是全域性的,除了 aria-label 和 aria-labelledby 屬性,它們不允許用於角色為 presentation 或其同義詞 none 的元素。
狀態和屬性索引
以下是涵蓋 MDN 上描述的 WAI-ARIA 狀態和屬性的參考頁面。
- ARIA: aria-activedescendant 屬性
當焦點在一個
composite小部件、combobox、textbox、group或application上時,aria-activedescendant屬性用於識別當前活動元素。- ARIA: aria-atomic 屬性
在 ARIA 即時區域中,全域性
aria-atomic屬性指示輔助技術(如螢幕閱讀器)是根據aria-relevant屬性定義的更改通知來呈現更改區域的全部內容還是部分內容。- ARIA: aria-autocomplete 屬性
aria-autocomplete屬性指示輸入文字是否會觸發顯示一個或多個對使用者combobox、searchbox或textbox的預期值的預測,並指定如果進行預測,它們將如何呈現。- ARIA: aria-braillelabel 屬性
全域性
aria-braillelabel屬性定義了一個字串值,用於標記當前元素,該值旨在轉換為盲文。- ARIA: aria-brailleroledescription 屬性
全域性
aria-brailleroledescription屬性定義了一個人類可讀的、作者本地化的縮寫描述,用於元素的角色,該描述旨在轉換為盲文。- ARIA: aria-busy 屬性
aria-busy屬性是一個全域性 ARIA 狀態,指示元素當前是否正在被修改。它幫助輔助技術理解內容更改尚未完成,並且它們可能需要在通知使用者更新之前等待。雖然aria-busy通常用於 ARIA 即時區域以延遲公告直到更新完成,但它也可以用於即時區域之外——例如,在小部件或提要中——以指示正在進行的更改或載入。- ARIA: aria-checked 屬性
aria-checked屬性指示覆選框、單選按鈕和其他小部件的當前“選中”狀態。- ARIA: aria-colcount 屬性
當並非所有列都存在於 DOM 中時,
aria-colcount屬性定義table、grid或treegrid中的總列數。- ARIA: aria-colindex 屬性
aria-colindex屬性定義元素相對於table、grid或treegrid中總列數的列索引或位置。- ARIA: aria-colindextext 屬性
aria-colindextext屬性定義了數字aria-colindex的人類可讀文字替代。- ARIA: aria-colspan 屬性
- ARIA: aria-controls 屬性
全域性
aria-controls屬性識別其內容或存在受此屬性設定的元素控制的元素(或多個元素)。- ARIA: aria-current 屬性
元素上非空的
aria-current狀態表示此元素代表容器或一組相關元素中的當前項。- ARIA: aria-describedby 屬性
全域性
aria-describedby屬性識別描述了設定此屬性的元素的元素(或多個元素)。- ARIA: aria-description 屬性
全域性
aria-description屬性定義了一個字串值,用於描述或註釋當前元素。- ARIA: aria-details 屬性
全域性
aria-details屬性識別提供了與物件相關的額外資訊的元素(或多個元素)。- ARIA: aria-disabled 屬性
aria-disabled狀態表示元素可見但被停用,因此不可編輯或不可操作。- ARIA: aria-dropeffect 屬性
全域性
aria-dropeffect屬性指示當拖動的物件釋放到放置目標上時可能執行的功能。- ARIA: aria-errormessage 屬性
物件上的
aria-errormessage屬性標識了為該物件提供錯誤訊息的元素。- ARIA: aria-expanded 屬性
aria-expanded屬性設定在元素上,以指示控制元件是展開還是摺疊,以及受控制的元素是顯示還是隱藏。- ARIA: aria-flowto 屬性
全域性
aria-flowto屬性標識了內容替代閱讀順序中的下一個元素(或多個元素)。這允許輔助技術在使用者酌情決定時覆蓋按文件源順序閱讀的一般預設行為。- ARIA: aria-grabbed 屬性
aria-grabbed狀態指示元素在拖放操作中的“被抓取”狀態。- ARIA: aria-haspopup 屬性
aria-haspopup屬性指示可由設定了該屬性的元素觸發的互動式彈出元素的可用性和型別。aria-hidden狀態指示元素是否暴露給輔助功能 API。- ARIA: aria-invalid 屬性
aria-invalid狀態表示輸入的值不符合應用程式預期的格式。- ARIA: aria-keyshortcuts 屬性
全域性
aria-keyshortcuts屬性指示作者為啟用或聚焦元素而實現的鍵盤快捷鍵。- ARIA: aria-label 屬性
aria-label屬性定義了一個字串值,可用於命名元素,只要元素的角色不禁止命名。- ARIA: aria-labelledby 屬性
aria-labelledby屬性識別標記了應用它的元素的元素(或多個元素)。- ARIA: aria-level 屬性
aria-level屬性定義元素在結構中的層次級別。- ARIA: aria-live 屬性
全域性
aria-live屬性指示元素將更新,並描述使用者代理、輔助技術和使用者可以從即時區域中預期的更新型別。- ARIA: aria-modal 屬性
aria-modal屬性指示元素顯示時是否為模態。- ARIA: aria-multiline 屬性
aria-multiline屬性指示textbox是接受多行輸入還是隻接受單行輸入。- ARIA: aria-multiselectable 屬性
aria-multiselectable屬性指示使用者可以從當前可選的後代中選擇多個項。- ARIA: aria-orientation 屬性
aria-orientation屬性指示元素的方向是水平、垂直還是未知/不明確。- ARIA: aria-owns 屬性
當 DOM 層次結構無法表示父元素與其子元素之間的關係時,
aria-owns屬性識別一個或多個元素,以定義它們之間的視覺、功能或上下文關係。- ARIA: aria-placeholder 屬性
aria-placeholder屬性定義了一個簡短的提示(一個詞或短語),旨在幫助使用者在表單控制元件沒有值時輸入資料。該提示可以是示例值或預期格式的簡要描述。- ARIA: aria-posinset 屬性
當並非所有專案都存在於 DOM 中時,
aria-posinset屬性定義元素在當前列表項或樹項集中的編號或位置。- ARIA: aria-pressed 屬性
aria-pressed屬性指示切換按鈕的當前“按下”狀態。- ARIA: aria-readonly 屬性
aria-readonly屬性指示元素不可編輯,但其他方面可操作。- ARIA: aria-relevant 屬性
在 ARIA 即時區域中使用,全域性
aria-relevant屬性指示當即時區域內的輔助功能樹被修改時,使用者代理將觸發哪些通知。- ARIA: aria-required 屬性
aria-required屬性指示在提交表單之前,元素上需要使用者輸入。- ARIA: aria-roledescription 屬性
aria-roledescription屬性定義了元素角色的一個人性化、作者本地化的描述。- ARIA: aria-rowcount 屬性
aria-rowcount屬性定義表、網格或樹網格中的總行數。- ARIA: aria-rowindex 屬性
aria-rowindex屬性定義了元素在表、網格或樹網格中相對於總行數的位置。- ARIA: aria-rowindextext 屬性
aria-rowindextext屬性定義了aria-rowindex的人類可讀文字替代。- ARIA: aria-rowspan 屬性
aria-rowspan屬性定義了表、網格或樹網格中單元格或網格單元格跨越的行數。- ARIA: aria-selected 屬性
aria-selected屬性指示各種小部件的當前“選中”狀態。- ARIA: aria-setsize 屬性
當集合中的所有專案都不存在於 DOM 中時,
aria-setsize屬性定義當前列表項或樹項集合中的專案數。- ARIA: aria-sort 屬性
aria-sort屬性指示表或網格中的專案是按升序還是降序排序。- ARIA: aria-valuemax 屬性
aria-valuemax屬性定義範圍小部件允許的最大值。- ARIA: aria-valuemin 屬性
aria-valuemin屬性定義範圍小部件允許的最小值。- ARIA: aria-valuenow 屬性
aria-valuenow屬性定義range小部件的當前值。- ARIA: aria-valuetext 屬性
aria-valuetext屬性定義了範圍小部件aria-valuenow的人類可讀文字替代。