使用 ARIA：角色、狀態和屬性

組件角色

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

複合角色

下面的技術，描述了每個複合角色，以及它們的必要和可選的子角色。

• combobox
• grid（包含 row、gridcell、rowheader、columnheader 角色）
• listbox（包含 option 角色）
• menu
• menubar
• radiogroup（參見 radio role）
• tablist（包含 tab 和 tabpanel 角色）
• tree
• treegrid

Document structure 角色

• application
• article
• cell
• columnheader
• definition
• directory
• 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 Non-standard