index.md

title	slug	l10n
ARIA の使用: ロール、ステート、プロパティ	Web/Accessibility/ARIA/ARIA_Techniques	sourceCommit 95cdbf44bd47782a5afb6ec4a3c4d00a5a7958e3

1. ARIA アノテーション
2. ARIA ガイド
3. ARIA ライブリージョン
4. ARIA スクリーンリーダー実装ガイド
5. ARIA の使用: ロール、ステート、プロパティ
6. ウェブフォーム
7. ARIA に関するバグの報告方法
8. ARIA ステートとプロパティ

   {{ListSubpagesForSidebar("Web/Accessibility/ARIA/Attributes", 1)}}
9. WAI-ARIA ロール

   {{ListSubpagesForSidebar("Web/Accessibility/ARIA/Roles", 1)}}

ARIA は、要素に適用できる意味づけを定義しており、これらは ロール （ユーザーインターフェイス要素の種類を定義する）と、ロールが対応している ステート と プロパティ に分けられます。オーナーは、要素がすでに適切な ARIA の意味づけが（適切な HTML 要素を使用することによって）ある場合を除いて、そのライフサイクルの間に要素に ARIA の役割と適切な状態およびプロパティを割り当てる必要があります。ARIA の意味づけは、ブラウザーのアクセシビリティ API に余分な情報を公開するだけで、ページの DOM には影響を与えません。

ロール

ウィジェットロール

• 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

文書構造ロール

• 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

ランドマークロール

• banner
• complementary
• contentinfo
• form
• main
• navigation
• region
• search

ライブリージョンロール

• alert
• log
• marquee
• status
• timer

ウィンドウロール

• alertdialog
• dialog

ステートとプロパティ

ウィジェット属性

• 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

ライブリージョン属性

• aria-live
• aria-relevant
• aria-atomic
• aria-busy

ドラッグ＆ドロップ属性

• aria-dropeffect {{deprecated_inline}}
• aria-grabbed {{deprecated_inline}}

関係属性

• 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_Inline}}