使用 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 非標準