一覧

[3] 対話的内容に分類されるものはすべて要素です。大雑把に言って、一般的な視覚利用者エージェントで利用者がクリックして動作させられる要素が対話的内容に分類されています。

a 要素 (href 属性つき)
img 要素 (usemap 属性つき)
iframe 要素
embed 要素
object 要素 (usemap 属性つき)
video 要素 (controls 属性つき)
audio 要素 (controls 属性つき)
label 要素
input 要素 (<input type=hidden> 以外)
button 要素
select 要素
textarea 要素
keygen 要素
details 要素

tabindex 属性が指定されている場合
th 要素 (整列インターフェイスth要素の場合)
menu 要素 (type が toolbar)

[6] HTML5 の object 要素の定義の章にはコメントとして、本当は閲覧文脈やプラグインの埋め込みに使われる場合には対話的内容としたいものの、構文的に判断がつかないのでそう定義していない、との記述があります。

[13] SVG や MathML の要素も本来場合によっては対話的内容として扱わなければならないはずですが、現在どの仕様書にもそのような規定はありません。

[14] 例えば HTML のリンクの中に SVG のリンクを含められるべきではありません。

[17] tabindex 属性を指定した要素は HTML5 の頃は対話的内容でしたが、いつの間にか削除され、関係する規定に別個に記述されるようになりました。

[10] >>9 には JSON 形式の対話的内容の一覧が含まれています。

[9] data-web-defs/data/elements.json at master · manakai/data-web-defs (2014-04-05 12:46:04 +09:00 版) https://github.com/manakai/data-web-defs/blob/master/data/elements.json

利用できる文脈と内容モデル

[4] 内容を持てる対話的内容のいくつかは、子孫に対話的内容を含めることが禁止されています。

a 要素
- 対話的内容と tabindex 属性のある要素を禁止
- a 要素も禁止
button 要素
- 対話的内容と tabindex 属性のある要素を禁止
optgroup 要素の子供の legend 要素
- 対話的内容と tabindex 属性のある要素を禁止
canvas 要素
- 対話的内容は原則禁止、ただし複雑な例外あり
- tabindex 属性のある要素は除外されていない (使える)
option要素内側内容要素
- 対話的内容と tabindex 属性のある要素を除外

[5] button 要素によって表現されるボタンを例に採ると、 button 要素が入れ子になっていると、内側の button 要素がレンダリングされる領域をクリックした時の動作がどうなるべきかが問題となります。実際の動作は仕様上規定されてはいますが、そもそも意味論的に「対話的」なものを入れ子にすることが適当か疑わしく、実益もほとんどないので、対話的内容の入れ子は認められていないものと思われます。

[12] a 要素の場合、それに加えて HTML構文において入れ子にできないという制限もあるので、混乱を防ぐために入れ子を禁止しているようです。

歴史

[7] Web Applications 1.0 r7600 Until we have more concrete implementation experience, make the whole <th> of a sortable table interactive. ( (2012-12-28 07:56:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=7599&to=7600
[8] Web Applications 1.0 r8490 The tabindex= attribute makes an element interactive.]] (2014-02-21 08:30:00 +09:00 版) http://html5.org/tools/web-apps-tracker?from=8489&to=8490

[11] Fix #168: <a> without href is not interactive content · whatwg/html@528a223 (2016-01-30 20:25:50 +09:00 版) https://github.com/whatwg/html/commit/528a22340a4bdc6ca0b0e190dfd239989123df9b

[15] summary element definition does not reflect implementations · Issue #2246 · whatwg/html (2017-01-20 16:58:03 +09:00) https://github.com/whatwg/html/issues/2246

[16] Define what tabIndex returns when the tabindex attribute is not set (rakina著, 2019-07-10 03:13:55 +09:00) https://github.com/whatwg/html/commit/15cf23a55d629e0b1286302c19634833a89292ab