ARIA の状態とプロパティ
このページは、MDN で取り上げられているすべての WAI-ARIA 属性を網羅したリファレンスページを掲載しています。
ARIA 属性は、アクセシビリティツリーで定義された要素の状態やプロパティを変更することが可能です。
メモ: ARIA はアクセシビリティツリーを変更するだけで、支援技術がコンテンツをユーザーにどのように表示するかを変更します。ARIA は要素の機能や動作を何らかの形で変更するものではありません。意味づけられた HTML 要素を本来の目的や既定値で使用しない場合は、JavaScript を使って動作やフォーカス、ARIA の状態を管理する必要があります。
ARIA 属性の種類
ARIA の状態とプロパティには、4 つのカテゴリーがあります。
-
ウィジェット属性
aria-autocomplete(en-US)aria-checked(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-description(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)
グローバル ARIA 属性
いくつかの状態やプロパティは、ARIA ロールが適用されているかどうかに関係なく、すべての HTML 要素に適用されます。これらは『グローバル』属性として定義されます。グローバル状態やプロパティは、すべてのロールや基本マークアップ要素で対応しています。
上記の属性の多くはグローバルで、特に禁止されていない限り、どの要素にも含めることができます。
aria-atomic(en-US)aria-busy(en-US)aria-controls(en-US)aria-current(en-US)aria-describedby(en-US)aria-description(en-US)aria-details(en-US)aria-disabled(en-US)aria-dropeffect(en-US)aria-errormessage(en-US)aria-flowto(en-US)aria-grabbed(en-US)aria-haspopup(en-US)aria-hidden(en-US)aria-invalid(en-US)aria-keyshortcuts(en-US)aria-label(en-US)aria-labelledby(en-US)aria-live(en-US)aria-owns(en-US)aria-relevant(en-US)aria-roledescription(en-US)
「特に禁止」とは、上記の属性がすべてグローバルであることを意味します。ただし、aria-label および aria-labelledby プロパティは、ロール presentation またはその同義語 none (en-US) ロールでは禁止されています。
MDN で定義する状態とプロパティ
以下は、MDN で取り上げた WAI-ARIA の状態やプロパティに応じたリファレンスページです。
- aria-activedescendant 属性の使用
この記事では、
aria-activedescendantプロパティについて説明します。