ARIA の使用: ロール、ステート、プロパティ
ARIA は、要素に適用できる意味づけを定義しており、これらは ロール (ユーザーインターフェイス要素の種類を定義する)と、ロールが対応している ステート と プロパティ に分けられます。オーナーは、要素がすでに適切な ARIA の意味づけが(適切な HTML 要素を使用することによって)ある場合を除いて、そのライフサイクルの間に要素に ARIA の役割と適切な状態およびプロパティを割り当てる必要があります。ARIA の意味づけは、ブラウザーのアクセシビリティ API に余分な情報を公開するだけで、ページの DOM には影響を与えません。
ロール
ウィジェットロール
複合ロール
以下のテクニックでは、それぞれの複合ロールとその必須および任意の子ロールについて説明します。
combobox
(en-US)grid
(row
,gridcell
,rowheader
(en-US),columnheader
(en-US) ロールを含む)listbox
(option
ロールを含む)menu
(en-US)menubar
(en-US)radiogroup
(en-US) (radio role
を参照)tablist
(en-US) (tab
およびtabpanel
(en-US) ロールを含む)tree
(en-US)treegrid
(en-US)
文書構造ロール
ランドマークロール
ライブリージョンロール
ウィンドウロール
ステートとプロパティ
ウィジェット属性
aria-autocomplete
aria-checked
(en-US)aria-current
(en-US)aria-disabled
aria-errormessage
aria-expanded
(en-US)aria-haspopup
(en-US)aria-hidden
(en-US)aria-invalid
(en-US)aria-label
aria-level
aria-modal
(en-US)aria-multiline
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-dropeffect
(en-US) 非推奨aria-grabbed
非推奨
関係属性
aria-activedescendant
aria-colcount
(en-US)aria-colindex
aria-colspan
(en-US)aria-controls
(en-US)aria-describedby
aria-details
(en-US)aria-errormessage
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)
MicrosoftEdge 固有のプロパティ
x-ms-aria-flowfrom
(en-US) Non-standard