ARIA の使用: ロール、ステート、プロパティ
ARIA は、要素に適用できる意味づけを定義しており、これらは ロール (ユーザーインターフェイス要素の種類を定義する)と、ロールが対応している ステート と プロパティ に分けられます。オーナーは、要素がすでに適切な ARIA の意味づけが(適切な HTML 要素を使用することによって)ある場合を除いて、そのライフサイクルの間に要素に ARIA の役割と適切な状態およびプロパティを割り当てる必要があります。ARIA の意味づけは、ブラウザーのアクセシビリティ API に余分な情報を公開するだけで、ページの DOM には影響を与えません。
ロール
ウィジェットロール
複合ロール
以下のテクニックでは、それぞれの複合ロールとその必須および任意の子ロールについて説明します。
combobox(en-US)grid(row,gridcell,rowheader(en-US),columnheader(en-US) ロールを含む)listbox(option(en-US) ロールを含む)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(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(en-US)aria-invalid(en-US)aria-label(en-US)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-activedescendantaria-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(en-US)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