ARIAロールExplained

77 of 77 rows

ロール↕	目的↕	用途↕
ランドマーク
⤢banner	ページ先頭のサイトヘッダーを示します。	ブランドロゴ、主要タグライン、ページ上部のマストヘッド。
⤢navigation	ナビゲーションリンクの集まりをグループ化します。	メインメニュー、パンくずリスト、ページ内ナビゲーション。
⤢main	文書の主要なコンテンツを示します。	ページで唯一のメイン本体。
⤢complementary	mainとは別の補助コンテンツを示します。	サイドバー、関連リンク、コールアウト。
⤢contentinfo	親文書に関するフッターメタデータをグループ化します。	著作権表記、プライバシーへのリンク、法務フッター。
⤢search	検索フォームを含む領域を示します。	サイト検索、フィルターフォーム、検索ボックス。
⤢region	名前付きの知覚可能なページのセクションを示します。	アクセシブル名を持つカスタムセクション。
⤢form	フォームフィールドのセットを含む領域を示します。	名前付き検索フォーム、フィルターパネル、アンケートセクション。
⤢application	ソフトウェアアプリケーションとして振る舞う領域を示します。	ページ全体のエディター、地図、ゲーム画面。
ドキュメント
⤢article	自己完結した構成単位を示します。	ブログ記事、ニュース項目、製品カード。
⤢heading	コンテンツセクションの見出しを示します。	ネイティブなh1〜h6が使えない場合のセクションタイトル。
⤢list	関連する項目のリストをグループ化します。	カスタムの箇条書きリストや番号付きリスト。
⤢listitem	リスト内の単一の項目を示します。	カスタムリストの1行。
⤢group	関連するフォームコントロールのセットをグループ化します。	フォームのフィールドセット、ラジオグループ、関連する入力欄。
⤢figure	キャプションと対になる図形コンテンツを示します。	ラベル付きの画像、図、チャート。
⤢table	行と列に配置されたデータを示します。	カスタム要素で組んだ表形式データ。
⤢caption	表、グリッド、フィギュアの視認できるラベルを示します。	データ表の上のタイトル、図のラベル。
⤢rowgroup	表内の関連する行のセットをグループ化します。	表のヘッダー、本体、フッターの帯。
⤢row	表またはグリッド内の1行分のセルを示します。	カスタム表の1レコード行。
⤢columnheader	表の列のヘッダーセルを示します。	データ表の先頭ラベル。
⤢rowheader	表の行のヘッダーセルを示します。	各表行の先頭ラベル。
⤢cell	行内の1つのデータセルを示します。	カスタム表の行の個々の値。
⤢term	定義対象の語句を示します。	辞書の見出し語、定義リストの用語。
⤢definition	直前の用語の意味を示します。	定義された用語の下の説明。
⤢note	本文の横に置かれる注記を示します。	ヒント、余談、脚注風のコメント。
⤢directory	グループメンバーへの参照リストを示します。	目次やリンクインデックス(ARIA 1.2で廃止)。
⤢feed	スクロール可能な記事セクションのリストを示します。	追加コンテンツを読み込む無限スクロールのストリーム。
⤢math	数学表記で書かれたコンテンツを示します。	LaTeXやMathMLから描画された数式。
⤢meter	既知の範囲内のスカラー値を示します。	ディスク使用量バー、スコア、強度ゲージ。
⤢time	特定の時点または期間を示します。	タイムスタンプ、イベント日付、経過時間。
⤢paragraph	散文テキストのブロックを示します。	ネイティブのp要素として書かれていないテキストブロック。
⤢blockquote	他のソースから引用した文章を示します。	プルクオートと出典付きの引用部分。
⤢code	コンピューターコードの断片を示します。	文中のインラインスニペットとコマンド名。
⤢emphasis	強調(ストレス)を持つテキストを示します。	文中で強調する語。
⤢strong	強い重要度を持つテキストを示します。	警告、重要語句、必読ラベル。
⤢subscript	ベースラインの下に表示されるテキストを示します。	H2Oのような化学式。
⤢superscript	ベースラインの上に表示されるテキストを示します。	脚注記号と指数。
⤢generic	特別な意味を持たない単純なコンテナーを示します。	レイアウトラッパーとスタイル用フック。
⤢presentation / none	要素からセマンティクスを取り除きます。	装飾画像、レイアウト表、区切り要素。
⤢img	要素を単一の画像として示します。	アイコンスプライト、SVGグループ、CSS描画グラフィック。
ウィジェット
⤢button	アクションを起こすクリック可能なコントロールを示します。	カスタムボタン、アイコンボタン、アクショントリガー。
⤢link	別のリソースや場所へのリンクを示します。	カスタムアンカーとアプリ内ルートリンク。
⤢checkbox	単一オプションのトグルを示します。	カスタムチェックボックス、利用規約同意トグル。
⤢radio	排他的グループ内の1つの選択肢を示します。	radiogroup内のカスタムラジオ。
⤢switch	オン/オフの二値トグルを示します。	テーマ、ミュート、設定のトグル。
⤢tablist	タブセットのラベルをグループ化します。	タブパネルのタブストリップ。
⤢tab	tablist内の単一のラベルを示します。	1つのパネルを表示する単一タブ。
⤢tabpanel	1つのタブのコンテンツパネルを示します。	タブがアクティブなときに表示される本体。
⤢dialog	ページの上に重なるオーバーレイウィンドウを示します。	モーダル、ドロワー、フォーカスを奪うポップオーバー。
⤢alertdialog	ユーザーの応答を必要とするダイアログを示します。	削除確認、未保存変更のプロンプト。
⤢combobox	選択肢ポップアップ付きの入力欄を示します。	オートコンプリート、検索選択、先行入力リスト。
⤢slider	範囲内の値を設定するコントロールを示します。	音量、価格、不透明度、レンジ入力。
⤢menu	ユーザーに提示する選択肢リストを示します。	ドロップダウンメニュー、コンテキストメニュー、ツールパレット。
⤢menuitem	メニュー内の単一オプションを示します。	ドロップダウンメニューの1行または1項目。
⤢textbox	自由形式テキスト入力のフィールドを示します。	カスタム入力欄、検索フィールド、コメントボックス。
⤢tree	階層的な項目リストを示します。	ファイルエクスプローラー、ネストされたメニュー、組織図。
⤢listbox	選択可能なオプションのリストを示します。	1つまたは複数選択用のカスタムピッカー。
⤢option	listbox内の単一の選択肢を示します。	カスタムlistboxの選択可能な1項目。
⤢radiogroup	排他的な選択肢のセットをグループ化します。	カスタムラジオセット、プラン選択、スケール回答。
⤢grid	行と列のセルからなるウィジェットを示します。	スプレッドシートレイアウト、カレンダーの月表示。
⤢treegrid	行を展開・折りたたみできるグリッドを示します。	ネストされたデータ表、メールスレッド表。
⤢treeitem	ツリー内の展開可能な1オプションを示します。	ファイルエクスプローラーのファイルやフォルダーのノード。
⤢tooltip	コントロールへのヒントを示すポップアップを示します。	ホバーヒント、アイコンボタンのフォーカスチップ。
⤢progressbar	タスクの進行状況を表示する要素を示します。	アップロードバーとローディングインジケーター。
⤢scrollbar	コンテンツビューをスクロールさせるコントロールを示します。	ペインとカルーセル用のカスタムスクロールハンドル。
⤢spinbutton	値を段階的に変えるコントロールを示します。	数量ピッカー、数値ステッパー。
⤢searchbox	検索語を入力するテキストフィールドを示します。	カスタム検索バーとフィルターフィールド。
⤢toolbar	よく使うコントロールのグループを示します。	書式設定バー、エディター上部のアクション行。
⤢menubar	常時表示されるメニュートリガーの行を示します。	アプリ風のファイル/編集メニューストリップ。
⤢menuitemcheckbox	オン/オフを切り替えるメニューオプションを示します。	ドロップダウンメニュー内の表示オプションのトグル。
⤢menuitemradio	メニュー内の排他的な1つの選択肢を示します。	メニュー内の並べ替え順とテーマの選択。
⤢separator	コンテンツグループ間の仕切りを示します。	メニューの区切り線、ドラッグ可能なペイン分割バー。
ライブリージョン
⤢alert	時間に敏感な重要メッセージを読み上げます。	フォームエラー、注意を要する緊急の通知。
⤢status	割り込みなしで助言的な更新を読み上げます。	保存確認、進行状況、穏やかな結果。
⤢log	時系列ストリームの新しい項目を読み上げます。	チャットの書き起こし、イベントログ、アクティビティフィード。
⤢marquee	スクロールまたは移動するテキストコンテンツを読み上げます。	ティッカー、スクロールニュースバー、ローテーションバナー。
⤢timer	ライブタイマーまたはカウントダウンを読み上げます。	セッションタイムアウト、カウントダウン、ストップウォッチ。