概要

この仕様は、[HTML51]要素の[wai-aria-1.1]属性の使用に対するウェブ開発者の規則(著者適合性要件)を定義する。また、適合チェックツールに対する要件も定義する。

この文書の位置付け

この節は、公開時点におけるこの文書のステータスについて説明する。他の文書がこの文書に取って代わるかもしれない。W3Cが現在公開しているリストとテクニカルレポートの最新版は、W3C technical reports index at https://www.w3.org/TR/で見つけることができる。

ARIA in HTMLは、[HTML51]仕様のモジュールである。この仕様モジュールが参照するが明示的に定義されない、すべてのHTML機能、適合性要件、または用語は、[HTML51]仕様で定義される。

あらゆるバグレポートを歓迎する。バグを送信する

この文書は草案であり、コンテンツは予告なし変更されることがある。

この文書は、Working DraftとしてWeb Platform Working Groupによって発行された。この文書は、W3C勧告になることを意図する。この文書に関するコメントを作成したい場合、public-html@w3.org購読アーカイブ)に送信されたい。あらゆるコメントを歓迎する。

Working Draftでの公開はW3Cメンバーの支持を意味するものではない。この文書は草案であり、いつでも更新、他の文書による置き換えや廃止扱いにされうる。進行中の作業以外のものとしてこの文書を引用することは不適切である。

この文書は2004年2月6日のW3C特許ポリシーの下で活動するグループによって作成された。W3Cは、グループの成果物に関するあらゆる開示特許の公開リストを管理する。ここには、特許開示にあたっての指示も含まれている。特許について十分に知識のある人物が、仕様にEssential Claim(s)が認められると判断した場合は、W3C特許ポリシーの第6章に従い情報を開示する必要がある。

この文書は、2017年3月1日のW3Cプロセス文書によって管理される。

1. ARIA in HTMLの使用に対するウェブ開発者の要件

著者は、強いネイティヴセマンティックスと衝突するまたは与えられるHTML要素の暗黙のARIAセマンティックスと等価である場合を除いた、[wai-aria-1.1]で説明される要求にしたがって、HTML要素ARIA roleおよびaria-*属性を使用してもよい。この制約は、開発者が文書の実際のUIを表すことのない無意味なユーザーインターフェイス情報(UI)を支援技術製品に報告させることから防ぐことを意図する。

ウェブ開発者は、HTMLにおけるARIA属性の使用に対する文書適合性の表に示されるセマンティックスと矛盾する方法でARIA roleおよびaria-*属性を使用してはならない。ウェブ開発者は、表に定義される暗黙のARIAセマンティックスと一致する値にARIA roleおよびaria-*属性を設定すべきでない

次は、button要素でrole=headingを使用する。button要素はheadingロールと衝突するデフォルト特性を持つため、これは許可されない。
      <button role="heading">search</button>
      

適合性チェッカーを使用してこのファイルをチェックすると、エラーが表示される。

適合しないARIA使用例

2. ARIA in HTMLの使用に対する文書適合性要件

次の表は、HTML文書でARIAマークアップを使用するための要素ごとの文書適合基準要件を規定し、HTML Accessibility API Mappings仕様で定義されるHTML要素に適用される暗黙のARIAセマンティックスについて説明する。1列目のセルでそれぞれの言語機能(要素または属性)は同じ行の2列目のセルで与えられるARIAセマンティックス(ロール、ステート、およびプロパティ)を意味する。3列目のセルは、使用されるARIAロールの値とaria-*属性を定義する。3列目のセルに任意のroleという用語が含まれる場合、暗黙的なARIAセマンティクスroleの値とは別のroleの値を使用してもよいことを示す。

暗黙のARIAセマンティックスと一致するARIA roleおよび/またはaria-*属性の設定は不要であり、かつこのプロパティが既にブラウザーで設定されるので推奨されない

次の表の(new)および(changed)マーカーは、(ARIA 1.1で)新しいものまたは(ARIA 1.0 / 1.1の間で)変更されたARIAロール、ステートおよびプロパティを示す。

HTML言語の機能によるARIA属性利用の規則
HTML言語の機能

暗黙のARIAセマンティックス -

使用すべきでない

使用してもよいARIAロール、ステートおよびプロパティ
hrefをもつa要素 role=link

ロール:button, checkbox, menuitem, menuitemcheckbox, menuitemradio, option - (changed), radio, switch - (new), tabまたは treeitem

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性およびlinkロール

hrefをもたないa要素 対応するロールなし

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

address 対応するロールなし

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

hrefをもつarea要素 role=link

roleなし

グローバルaria-*属性およびlinkロールに受け入れ可能なすべてのaria-*属性

article role=article

ロール:feed - (new), presentation, document, application, mainまたはregion.
グローバルaria-*属性および許可されるロールで受け入れ可能なすべてのaria-*属性

aside role=complementary

ロール: feed - (new), note, presentation, region または search.

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

audio 対応するロールなし

ロール:application
グローバルaria-*属性およびapplicationロールに受け入れ可能なすべてのaria-*属性

base 対応するロールなし roleまたはaria-*属性なし
body role=document

roleなし

グローバルaria-*属性およびdocumentロールに受け入れ可能なすべてのaria-*属性

button role=button

ロール:checkbox, link, menuitem, menuitemcheckbox, menuitemradio, radio,switch - (new)またはtab
グローバルaria-*属性および許可されるロールで受け入れ可能なすべてのaria-*属性

button type="menu" role=button

ロール:link, menuitem, menuitemcheckbox, menuitemradio, radio.
グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

canvas 対応するロールなし

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

caption 対応するロールなし

roleなし

グローバルaria-*属性

col, colgroup

対応するロールなし roleまたはaria-*属性なし
datalist role=listbox

roleなし

グローバルaria-*属性およびlistboxロールに受け入れ可能なすべてのaria-*属性

dd role=definition

roleなし

グローバルaria-*属性およびdefinitionロールに受け入れ可能なすべてのaria-*属性

details role=group

roleなし

グローバルaria-*属性およびgroupロールに受け入れ可能なすべてのaria-*属性

dialog role=dialog

ロール:alertdialog

グローバルaria-*属性およびdialogロールに受け入れ可能なすべてのaria-*属性

div 対応するロールなし

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

dl role=list

ロール:groupまたはpresentation

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

dt role=listitem

roleなし

グローバルaria-*属性およびlistitemロールに受け入れ可能なすべてのaria-*属性

embed 対応するロールなし

ロール:application, document, presentationまたはimg

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

figcaption - (new) 対応するロールなし

ロール:groupまたはpresentation

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

fieldset 対応するロールなし

ロール:groupまたはpresentation

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

figure role=figure - (new)

ロール:groupまたはpresentation

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

form role=form

ロール:searchまたはpresentation

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

他の場所で記載されないグループコンテンツ:

p, pre, blockquote

対応するロールなし

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

h1 - h6要素 aria-level = 正の整数をもつ、role=heading ロール:tabまたはpresentation

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

hr role=separator

ロール:presentation

グローバルaria-*属性およびseparatorロールに受け入れ可能なすべてのaria-*属性

html 対応するロールなし roleまたはaria*属性なし
iframe 対応するロールなし

ロール:application, document, またはimg

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

alt=""をもつimg 対応するロールなし

ロール:presentationまたはnone (changed)

aria*属性なし

img role=img

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

input type= button role=button

ロール: link, menuitem, menuitemcheckbox, menuitemradio, radio, switchまたはtab

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

input type= checkbox

role=checkbox

ロール:buttonaria-pressedと組み合わせて使用する場合), menuitemcheckbox, option - (changed)またはswitch

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

input type = color 対応するロールなし roleなし

グローバルaria-*属性

input type = date 対応するロールなし

roleなし

グローバルaria-*属性

input type = datetime 対応するロールなし

roleなし

グローバルaria-*属性

list属性のないinput type = email role=textbox

roleなし

グローバルaria-*属性およびtextboxロールに受け入れ可能なすべてのaria-*属性

input type = file 対応するロールなし

roleなし

グローバルaria-*属性

input type = hidden 対応するロールなし roleまたはaria*属性なし
input type= image role=button

ロール: link, menuitem, menuitemcheckbox, menuitemradio, radioまたはswitch

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

input type = month 対応するロールなし

roleなし

グローバルaria-*属性

input type = number role=spinbutton

roleなし

グローバルaria-*属性およびspinbuttonロールに受け入れ可能なすべてのaria-*属性

input type = password 対応するロールなし - (changed)

roleなし

グローバルaria-*属性

input type = radio role=radio

ロール:menuitemradio

グローバルaria-*属性およびmenuitemradioロールに受け入れ可能なすべてのaria-*属性

input type = range role=slider

roleなし

グローバルaria-*属性およびsliderロールに受け入れ可能なすべてのaria-*属性

input type= reset role=button

roleなし

グローバルaria-*属性およびbuttonロールに受け入れ可能なすべてのaria-*属性

list属性のないinput type = search role=searchbox - (new)

roleなし

グローバルaria-*属性およびsearchboxロールに受け入れ可能なすべてのaria-*属性

input type = submit role=button

roleなし

グローバルaria-*属性およびbuttonロールに受け入れ可能なすべてのaria-*属性

input type = telwith no list attribute role=textbox

roleなし

グローバルaria-*属性およびtextboxロールに受け入れ可能なすべてのaria-*属性

input type = textwith no list attribute role=textbox

roleなし

グローバルaria-*属性およびtextboxロールに受け入れ可能なすべてのaria-*属性

list属性をもつinput type = text, search, tel, urlまたはemail role=combobox

roleなし

グローバルaria-*属性およびcomboboxロールに受け入れ可能なすべてのaria-*属性

input type= time 対応するロールなし

roleなし

グローバルaria-*属性

input type =url with no list attribute role=textbox

roleなし

グローバルaria-*属性およびtextboxロールに受け入れ可能なすべてのaria-*属性

input type = week 対応するロールなし

roleなし

グローバルaria-*属性

insおよびdel

対応するロールなし

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

keygen 対応するロールなし

roleなし

グローバルaria-*属性

label 対応するロールなし

roleなし

グローバルaria-*属性

legend 対応するロールなし

roleなし

グローバルaria-*属性

親がolまたはul要素であるli要素 role=listitem

ロール:menuitem, menuitemcheckbox, menuitemradio, option, presentation, radio - (changed), separator, tab, またはtreeitem

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

main role=main

roleなし

グローバルaria-*属性およびmainロールに受け入れ可能なすべてのaria-*属性

map 対応するロールなし roleまたはaria*属性なし
math role=math

roleなし

グローバルaria-*属性およびmathロールに受け入れ可能なすべてのaria-*属性

meta 対応するロールなし roleまたはaria*属性なし
meter 対応するロールなし

roleなし

グローバルaria-*属性

noscript 対応するロールなし roleまたはaria*属性なし
object 対応するロールなし

ロール:application, documentまたはimg

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

ol role=list

ロール:directory, group, listbox, menu, menubar, presentation , radiogroup - (changed), tablist, toolbarまたはtree

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

optgroup role=group

roleなし

グローバルaria-*属性およびgroupロールに受け入れ可能なすべてのaria-*属性

オプションリストで存在するまたはdatalist要素で提案を表すoption要素 role=option

roleなし

グローバルaria-*属性およびoptionロールに受け入れ可能なすべてのaria-*属性

output role=status

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

param 対応するロールなし roleまたはaria*属性なし
picture 対応するロールなし roleまたはaria*属性なし
progress role=progressbar

roleなし

グローバルaria-*属性およびprogressbarロールに受け入れ可能なすべてのaria-*属性

script 対応するロールなし roleまたはaria*属性なし
section role=region

ロール:alert, alertdialog, application, banner, complementary, contentinfo, dialog, document,feed - (new), log, main, marquee, navigation, search, statusまたはtabpanel - (changed)

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

select role=listbox

Role: menu

グローバルaria-*属性およびlistboxまたはmenuロールに受け入れ可能なすべてのaria-*属性- (changed)

source 対応するロールなし roleまたはaria*属性なし
span 対応するロールなし

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

style 対応するロールなし roleまたはaria*属性なし
SVG 対応するロールなし

ロール:application, document, またはimg

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

summary role=button

ロール:親(details)要素のopen属性が存在する場合はaria-expanded="true"をもつbutton、そうでなければaria-expanded="false"

グローバルaria-*属性およびbuttonロールに受け入れ可能なすべてのaria-*属性

table role=table - (new)

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

template 対応するロールなし roleまたはaria*属性なし
textarea role=textbox

roleなし

グローバルaria-*属性およびtextboxロールに受け入れ可能なすべてのaria-*属性

tbody, thead, tfoot

role=rowgroup

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

title 対応するロールなし roleまたはaria*属性なし
td role=cell - (new)

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

他の場所で記載されないテキストセマンティック要素:

em, strong, small, s, cite, q, dfn, abbr, time, code, var, samp, kbd, sub and sup, i, b, u, mark, ruby, rt, rp, bdi, bdo, br, wbr

対応するロールなし すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

th role=columnheaderまたはrowheader

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

tr

role=row

すべてのrole

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

track 対応するロールなし roleまたはaria*属性なし
ul role=list

ロール:directory, group, listbox, menu, menubar, radiogroup - (changed), tablist, toolbar, tree, presentation

グローバルaria-*属性および許可されるロールに受け入れ可能なすべてのaria-*属性

video 対応するロールなし

ロール:application

グローバルaria-*属性およびapplicationロールに受け入れ可能なすべてのaria-*属性

disabled属性をもつ要素 aria-disabled="true"

HTML5で許可されるdisabled属性であるすべての要素上のdisabled属性を使用する。

HTML5でdisabled属性を持つことが許可されない要素に対してのみaria-disabled属性を使用する

placeholder属性をもつ要素 -(new) aria-placeholder=""

HTML5でplaceholder属性が許可される要素上のplaceholder属性を使用する。

HTML5のplaceholder 属性を持つことができない要素に対してのみ、aria-placeholder属性を使用する。

required属性をもつ要素 aria-required="true"

HTML5で許可されるrequired属性であるすべての要素上のaria-required属性を使用する。required属性が設定されている場合は、falseに設定してはならない。- (changed)

aria-required属性を許可するARIAロールを持つ要素にも使用してもよい

readonly属性をもつ要素 aria-readonly="true"

HTML5で許可されるreadonly属性であるすべての要素上のreadonly属性を使用する。

HTML5でreadonly属性を持つことが許可されない要素に対してのみaria-readonly属性を使用する

hidden属性をもつ要素 aria-hidden="true"

任意のHTML要素にaria-hidden属性を使用する。

注:要素がhidden属性を持つ場合、aria-hidden属性は必要とされない。

制約の検証のための候補であるが、その制約を満たさない要素 aria-invalid="true"

aria-invalid属性は、required属性を設定させる送信可能要素除いて、グローバルaria-*属性を許可するHTML5要素で使用してもよい。- (changed)

contenteditable属性をもつ要素委 aria-readonly="false" contenteditable属性を設定させる要素にaria-readonly="true"を設定しない。- (new)

表の2列目の対応するロールなしでマークされる要素は、一切の暗黙のARIAセマンティックスを持たないが、意味を持ち、かつこの意味はARIAによって提供されないロール、ステートおよびプロパティで表されてもよく、アクセシビリティーAPIを経由して支援技術のユーザーに公開される。したがって、ウェブ開発者は、記載される要素のセマンティックスを上書きするよりも、divまたはspanなどの意味的に中立な要素にrole属性を追加することを推奨する。

著者は、ここで提供されるものを超えたHTMLにおけるARIAの使用に関するガイダンスのために、以下の文書の利用を推奨する:

  • Notes on using ARIA in HTML - アクセシブル・リッチ・インターネット・アプリケーション仕様[wai-aria]を使用してHTML要素にアクセシビリティー情報を追加する方法についての開発者のための実用的なガイド。
  • WAI-ARIA 1.1 Authoring Practices - アクセシブル・リッチ・インターネット・アプリケーションを理解して実装する著者のガイド。

アクセシビリティーツールにより便利な方法でユーザーにコンテンツをレンダリングさせるためにこれらの機能を使用できる。たとえば、実際には画像であるASCIIアートは、テキストのように見え、かつ適切なロールおよびプロパティが存在しない場合、無意味な区切り文字の文字列としてスクリーンリーダーによって結局レンダリングされてしまう。この節で説明される機能を使用すると、支援技術にASCIIアートを飛ばさせ、代わりにキャプションのみを読むことができる:

<figure role="img" aria-labelledby="fish-caption">
   <pre>
   o           .'`/
     '      /  (
   O    .-'` ` `'-._      .')
      _/ (o)        '.  .' /
      )       )))     ><  <
      `\  |_\      _.'  '. \
        '-._  _ .-'       '.)
    jgs     `\__\
   </pre>
   <figcaption id="fish-caption">
    Joan G. Stark, "<cite>fish</cite>".
    October 1997. ASCII on electrons. 28×8.
   </figcaption>
   </figure>
   

3. 許可されるARIAロール、ステートおよびプロパティ

この節は非規範的である。

以下の表は、HTMLで使用するために認められるARIAロール、ステートおよびプロパティに参考情報を提供する。すべてのARIAロール、ステートおよびプロパティは ARIA 1.1仕様で規範的に定義されている。表におけるARIAロール、ステートおよびプロパティへのリンクは、規範ARIA 1.1定義を参照する。

次の表の(new)および(changed)マーカーは、(ARIA 1.1で)新しいものまたは(ARIA 1.0 / 1.1の間で)変更されたARIAロール、ステートおよびプロパティを示す。

ARIAロール、ステートおよびプロパティ
ロール 説明 必須プロパティ サポートされるプロパティ コンテンツの種類 (work in progress)
すべて ARIAグローバルステートおよびプロパティは、任意のHTML要素で使用できる。 なし n/a
alert 重要かつ通常は時間依存の情報をもつlive regionの種類。関連するalertdialogstatusを参照のこと。 なし

aria-expanded(ステート)

 
alertdialog 初期のフォーカスがダイアログ内の要素に移動する場合、警告メッセージを含むダイアログの種類。関連するalertdialogを参照のこと。 なし  
application widgetロールによってサポートされる標準的な相互作用パターンに従わない、キーボードまたはジェスチャーイベントなどの、ユーザー入力を要求する1つ以上のフォーカス可能な要素を含む構造。- changed) なし

aria-activedescendant

フローコンテンツ
article 文書、ページ、またはサイトの独立した部分を形成する構成物から成るページのセクション。 なし

aria-expanded(ステート)

フローコンテンツ
banner ページ固有のコンテンツよりもむしろ、主にサイト中心のコンテンツが含まれる領域。 なし

aria-expanded(ステート)

文書領域
button クリックされるまたは押される際に、ユーザートリガーアクションを可能にする入力。関連するlinkを参照のこと。 なし インタラクティブコンテンツ
checkbox true、false、またはmixedの3つの取りうる値を持つチェック可能な入力。 インタラクティブコンテンツ
cell - (new) テーブルコンテナにおけるセル。 なし フローコンテンツ
columnheader 列のヘッダー情報を含むセル。 なし フローコンテンツ
combobox 選択のプレゼンテーション、ユーザーがオプションを選択する前に打ち込めるか、リストで新しい項目として任意のテキストを入力するために打ち込める場合、テキストボックスに通常似ている。関連するlistboxを参照のこと。 インタラクティブコンテンツ
complementary 主コンテンツから分離される際、DOM階層における同等のレベルで主コンテンツに相補的であるように設計されているが、意味のある文書のサポートするセクション。 なし

aria-expanded(ステート)

文書領域
contentinfo 親文書に関する情報を含む大きな認知できる領域。 なし

aria-expanded(ステート)

文書領域
definition 用語または概念の定義。 なし

aria-expanded(ステート)

フレージングコンテンツ
dialog ダイアログボックスは、情報を入力する、または応答を要求するようユーザーに促すために、アプリケーションの現在の処理を中断するように設計されるアプリケーションウィンドウである。関連するalertdialogを参照のこと。 なし インタラクティブコンテンツ
directory 静的なコンテンツの表などの、グループのメンバーへの参照リスト。 なし

aria-expanded(ステート)

フローコンテンツ
document ウェブアプリケーションとは対照的に、文書コンテンツとして宣言される関連情報を含む領域。 なし

aria-expanded(ステート)

フローコンテンツ
feed - (new) スクロールが記事にリストのいずれかの端に追加させるまたは端から削除させるかもしれない場所で記事のスクロール可能なlist。 なし aria-expanded(ステート) フローコンテンツ
figure - (new) グラフィカルな文書、画像、コード断片、またはテキスト例を通常含むコンテンツの知覚可能なセクション。 なし aria-expanded(ステート) フローコンテンツ
form 全体として、フォームを作成するために組み合わせる、項目およびオブジェクトのコレクションを含む目印領域。関連するsearchを参照のこと。 なし

aria-expanded(ステート)

文書領域
grid 表のように、行と列に配列された表形式のデータセルを含むインタラクティブなコントロールであるグリッド。 なし

フローコンテンツ

インタラクティブコンテンツ

gridcell グリッドまたはツリーグリッドにおけるセル。 なし

フローコンテンツ

インタラクティブコンテンツ

group 支援技術によってページ概要または目次に含まれることを意図されないユーザーインターフェイスオブジェクトの集合。 なし フローコンテンツ
heading ページのセクションに対する見出し。 なし ヘディングコンテンツ
img 画像を形成する要素のコレクションに対するコンテナ。 なし

aria-expanded(ステート)

エンベディッドコンテンツ
活性化された場合、ユーザーエージェントにそのリソースに移動させる、内部または外部のリソースへのインタラクティブな参照。関連するbuttonを参照のこと。 なし

aria-expanded(ステート)

フローコンテンツ
list 非対話型リスト項目のグループ。関連するlistboxを参照のこと。 なし

aria-expanded(ステート)

フローコンテンツ
listbox ユーザーが選択肢のリストから1つ以上の項目を選択できるウィジェット。関連するcomboboxlistを参照のこと。 なし

フローコンテンツ

インタラクティブコンテンツ

listitem listまたはdirectoryにおける1つの項目。 なし  
log 新しい情報が意味のある順序で追加され、かつ古い情報が消滅する場合のlive regionの種類。関連するmarqueeを参照のこと。 なし

aria-expanded(ステート)

 
main 文書の主コンテンツ。 なし

aria-expanded(ステート)

 
marquee 必須でない情報が頻繁に変更されるライブ領域の種類。関連するlogを参照のこと。 なし

aria-expanded(ステート)

 
math 数式を表すコンテンツ。 なし

aria-expanded(ステート)

 
menu ユーザーに選択肢のリストを提供するウィジェットの種類。 なし  
menubar 一般に表示されたままでかつ水平に提示される、メニューの表示。 なし  
menuitem menumenubarに含まれる選択肢のグループ内のオプション。 なし  
menuitemcheckbox true、false、mixedの、3つの取りうる値を持つチェック可能メニュー項目。  
menuitemradio 一度に1つのみがチェックできる、menuitemradioロールのグループにおいてチェック可能なメニュー項目。  
navigation 文書または関連する文書をナビゲートするためのナビゲーション要素(通常はリンク)のコレクション。 なし

aria-expanded(ステート)

 
none - (new) 暗黙のネイティヴロールセマンティックスがアクセシビリティーAPIにマッピングされない要素。類義語presentationを参照のこと。 なし    
note リソースの主コンテンツに挿入的または付随的であるコンテンツのセクション。 なし

aria-expanded(ステート)

 
option 選択リスト内の選択可能な項目。 なし  
presentation 暗黙のネイティヴロールセマンティックスがアクセシビリティーAPIにマッピングされない要素。 なし  
progressbar 長時間かかるタスクの進捗状況を表示する要素。 なし  
radio 一度に1つのみがチェックできる、radioロールのグループでチェック可能な入力。  
radiogroup ラジオボタンのグループ。 なし  
region たとえば、ライブスポーツイベントの統計情報を含むページ領域など、著者がページ概要または目次に含まれるのに十分重要であると思うウェブページまたは文書の大きな知覚可能なセクション。 なし

aria-expanded(ステート)

 
row

テーブルコンテナにおけるセルの行。

なし  
rowgroup グリッド内の1つ以上の行要素を含むグループ。 なし  
rowheader グリッド内の行に対するヘッダー情報を含むセル。 なし  
scrollbar 表示領域内でコンテンツが完全に表示されるかどうかに関わらず、表示領域内でコンテンツのスクロールを制御するグラフィカルオブジェクト。

aria-expanded(ステート)

 
全体として、検索機能を作成するために組み合わせる、項目およびオブジェクトのコレクションを含む目印領域。関連するformを参照のこと。 なし  
検索条件を指定することを意図するテキストボックスの一種。 なし  
separator メニュー項目のコンテンツまたはグループのセクションを分離して区別する仕切り。  
slider ユーザーが与えられた範囲内から値を選択する場合の、ユーザーの入力。  
spinbutton ユーザーが個別の選択肢の中から選択するように期待する範囲のフォーム。  
status ユーザーのための助言情報だが、通知を正当化するほど重要ではなく、多くの場合ステータスバーとして必ずしも表示されないコンテンツのコンテナ。関連するalertを参照のこと。 なし

aria-expanded(ステート)

 
switch - (new) checked/unchecked値とは対照的に、on/off値を表すチェックボックスの種類。    
tab ユーザーにレンダリングされるタブコンテンツを選択するためのメカニズムを提供するグループ化ラベル。 なし  
table - (new) 行と列に配置されたデータを含むセクション。tableロールは、インタラクティブでない表形式のコンテナを意図する。 なし  
tablist タブパネル要素への参照である、タブ要素のリスト。 なし  
tabpanel tabtablistに含まれる場合、tabに関連付けられたリソースのコンテナ。 なし

aria-expanded(ステート)

 
term - (new) 対応する定義をもつ単語またはフレーズ。関連するdefinitionを参照のこと。 なし    
textbox 入力値として自由形式のテキストを許可する入力。 なし  
timer 始点からの経過時間または終点までの残り時間を示す数値カウンタを含むライブ領域の種類。 なし

aria-expanded(ステート)

 
toolbar コンパクトな見た目で示した一般的に使用される機能ボタンのコレクション。 なし  
tooltip 要素の説明を表示するコンテキストポップアップ。 なし

aria-expanded(ステート)

 
tree 折りたたみおよび展開することができるサブレベルのネストされたグループを含むことができるリストの種類。 なし  
treegrid ツリーと同様に展開または折り畳むことができる行のグリッド。 なし  
treeitem ツリーのオプション項目。ツリー項目のサブレベルグループを含む場合、これは展開または折りたたみできるツリー内の要素である。 なし  

4. 実装に対する要件

適合性チェッカー実装

ARIA in HTMLのチェックに対するサポートを主張する適合チェッカーは、この仕様で定義されるようにHTML要素のARIAroleおよびaria-*属性の使用のための文書適合性要件に対するチェックを実装しなければならない。 

文書は、(もしあれば)3列目でその要素に記載されるような対応するロール値以外、使用すべきでない2列目に示したもの以外、HTMLテーブルにおけるARIA属性の使用に対する文書の適合性要件における要素をもつ任意のrole値を使用してはならない

5. 適合性要件

この仕様において、すべての図、例、注は非規範的であり、非規範的と明示された節も同様である。この仕様におけるその他すべては規範的である。

この文書の規範部分においてキーワード"MUST"、"MUST NOT"、"REQUIRED"、"SHALL"、"SHALL NOT"、"SHOULD"、"SHOULD NOT"、"RECOMMENDED"、"NOT RECOMMENDED"、"MAY"、"OPTIONAL"は、RFC 2119で示されたとおりに解釈される。この文書の規範部分におけるキーワード"OPTIONALLY"は、"MAY"または"OPTIONAL"としての意味と同一に解釈される。読みやすさのために、これらの単語はこの仕様において大文字のみで出現しない。[RFC2119]

A. 参考文献

A.1 標準情報

[HTML51]
HTML 5.1. Steve Faulkner; Arron Eicholz; Travis Leithead; Alex Danilo. W3C. 1 November 2016. W3C Recommendation. URL: https://www.w3.org/TR/html51/
[RFC2119]
Key words for use in RFCs to Indicate Requirement Levels. S. Bradner. IETF. March 1997. Best Current Practice. URL: https://tools.ietf.org/html/rfc2119
[wai-aria]
Accessible Rich Internet Applications (WAI-ARIA) 1.0. James Craig; Michael Cooper et al. W3C. 20 March 2014. W3C Recommendation. URL: https://www.w3.org/TR/wai-aria/
[wai-aria-1.1]
Accessible Rich Internet Applications (WAI-ARIA) 1.1. Joanmarie Diggs; James Craig; Shane McCarron; Michael Cooper. W3C. 27 October 2016. W3C Candidate Recommendation. URL: https://www.w3.org/TR/wai-aria-1.1/