使用 ARIA：角色、状态和属性

角色

组件（Widget）角色

• button
• checkbox
• gridcell
• link
• menuitem
• menuitemcheckbox
• menuitemradio
• option
• progressbar
• radio
• scrollbar
• searchbox
• separator（当可聚焦时）
• slider
• spinbutton
• switch
• tab
• tabpanel
• textbox
• treeitem

复合（Composite）角色

下面的技术描述了每个复合角色以及它们必需和可选的子角色。

• combobox
• grid（包括 row、gridcell、rowheader、columnheader 角色）
• listbox（包括 option 角色）
• menu
• menubar
• radiogroup（参见 radio 角色）
• tablist（包括 tab 和 tabpanel 角色）
• tree
• treegrid

文档结构（Document Structure）角色

• application
• article
• cell
• columnheader
• definition
• 目录
• document
• feed
• figure
• group
• heading
• img
• list
• listitem
• math
• none
• note
• presentation
• row
• rowgroup
• rowheader
• separator
• table
• term
• toolbar
• tooltip

地标（Landmark）角色

• banner
• complementary
• contentinfo
• form
• main
• navigation
• region
• search

实时区域（Live Region）角色

• alert
• log
• marquee
• status
• timer

窗口（Window）角色

• alertdialog
• dialog

状态和属性

组件（Widget）属性

• aria-autocomplete
• aria-checked
• aria-current
• aria-disabled
• aria-errormessage
• aria-expanded
• aria-haspopup
• aria-hidden
• aria-invalid
• aria-label
• aria-level
• aria-modal
• aria-multiline
• aria-multiselectable
• aria-orientation
• aria-placeholder
• aria-pressed
• aria-readonly
• aria-required
• aria-selected
• aria-sort
• aria-valuemax
• aria-valuemin
• aria-valuenow
• aria-valuetext

实时区域（Live Region）属性

• aria-live
• aria-relevant
• aria-atomic
• aria-busy

拖放（Drag & drop）属性

• aria-dropeffect 已弃用
• aria-grabbed 已弃用

关系（Relationship）属性

• aria-activedescendant
• aria-colcount
• aria-colindex
• aria-colspan
• aria-controls
• aria-describedby
• aria-details
• aria-errormessage
• aria-flowto
• aria-labelledby
• aria-owns
• aria-posinset
• aria-rowcount
• aria-rowindex
• aria-rowspan
• aria-setsize

MicrosoftEdge 特有属性

• x-ms-aria-flowfrom 非标准