概要
- カテゴリー
-
- なし。
- 配置できる場所
-
tr
要素の子として。
- 内容モデル
- 属性
- HTML構文におけるタグの省略
-
- 終了タグ→一定条件で可。
- WAI-ARIA
-
role
が(デフォルトでそうである場合も含めて)table
のtable
要素の子孫である場合は、role
がgrid
又はtreegrid
のtable
要素の子孫である場合は、- そうでない場合は、
- すべての
role
が指定可能。
- すべての
colspan
属性が指定されている場合は、aria-colspan
属性を指定すべきではない。colspan
属性値と合致しないaria-colspan
属性値を指定してはならない。rowspan
属性が指定されている場合は、aria-rowspan
属性を指定すべきではない。rowspan
属性値と合致しないaria-rowspan
属性値を指定してはならない。
- 視覚系ブラウザのデフォルトとして期待されるCSS
-
td { display: table-cell; unicode-bidi: isolate; padding: 1px; vertical-align: inherit; }
- ユーザーエージェントに対する特記事項
-
- テーブルを二次元グリッドとして表示することが実用的ではない環境(例えば、音声出力)において、セルの内容を提示するときに、当該セルに関する情報(例えば、当該セルの位置情報、当該セルに対応する見出しセルの一覧など)を追加してもよい。
- 意味・用法
-
テーブルのデータのセルを表す。
アクセシビリティ関連
- アクセシビリティ支援技術向け:
headers
属性(Techniques for WCAG 2.1 : H43, F90)。
私見・補足
td
要素をa
要素で囲んでしまうと、tr
要素の内容モデルに抵触する。td
要素をまるごとリンク化するなら、td
要素の内容をa
要素で囲む。
表示確認
table
要素を参照。