使用 ARIA:角色、状态和属性
ARIA 定义了可以应用于元素的语义,这些语义分为角色(定义一种用户界面元素)和由角色支持的状态和属性。作者必须在元素的生命周期中为其分配一个 ARIA 角色和适当的状态和属性,除非该元素已经具有适当的 ARIA 语义(通过使用适当的 HTML 元素)。添加 ARIA 语义只会向浏览器的无障碍 API 公开额外信息,而不会影响页面的 DOM。
角色
微件角色
button
checkbox
(en-US)gridcell
(en-US)link
(en-US)menuitem
(en-US)menuitemcheckbox
(en-US)menuitemradio
(en-US)option
(en-US)progressbar
(en-US)radio
(en-US)scrollbar
(en-US)searchbox
(en-US)separator
(en-US)(可聚焦时)slider
(en-US)spinbutton
(en-US)switch
(en-US)tab
(en-US)tabpanel
(en-US)textbox
(en-US)treeitem
(en-US)
复合角色
下面的技术描述了每个复合角色及其必需和可选的子角色。
文档结构角色
application
(en-US)article
(en-US)cell
(en-US)columnheader
(en-US)definition
(en-US)directory
(en-US)document
(en-US)feed
(en-US)figure
(en-US)group
(en-US)heading
(en-US)img
(en-US)list
listitem
math
(en-US)none
(en-US)note
(en-US)presentation
(en-US)row
(en-US)rowgroup
(en-US)rowheader
(en-US)separator
(en-US)table
(en-US)term
(en-US)toolbar
(en-US)tooltip
(en-US)
地标角色
实时区域角色
窗口角色
状态和属性
微件属性
aria-autocomplete
(en-US)aria-checked
(en-US)aria-current
(en-US)aria-disabled
(en-US)aria-errormessage
(en-US)aria-expanded
(en-US)aria-haspopup
(en-US)aria-hidden
aria-invalid
(en-US)aria-label
aria-level
(en-US)aria-modal
(en-US)aria-multiline
(en-US)aria-multiselectable
(en-US)aria-orientation
(en-US)aria-placeholder
(en-US)aria-pressed
(en-US)aria-readonly
(en-US)aria-required
(en-US)aria-selected
(en-US)aria-sort
(en-US)aria-valuemax
(en-US)aria-valuemin
(en-US)aria-valuenow
(en-US)aria-valuetext
(en-US)
实时区域属性
拖放属性
关系属性
aria-activedescendant
(en-US)aria-colcount
(en-US)aria-colindex
(en-US)aria-colspan
(en-US)aria-controls
(en-US)aria-describedby
(en-US)aria-details
(en-US)aria-errormessage
(en-US)aria-flowto
(en-US)aria-labelledby
aria-owns
(en-US)aria-posinset
(en-US)aria-rowcount
(en-US)aria-rowindex
(en-US)aria-rowspan
(en-US)aria-setsize
(en-US)