summary属性
属性名 | バージョン | 属性値 | 既定値 | 備考 |
---|---|---|---|---|
summary | 4.0, X1.0, X1.1 | %Text; | #IMPLIED | purpose/structure for speech output |
この属性を持つ要素 …… table
summaryの解説
tableのsummary属性を使用すると、表にサマリー(概要)を設定することができます。表を視覚的に表現できない読み上げ環境などでは表の内容を理解することが難しくなります。この属性が指定されていると、読み上げ環境では表の概要を伝えられて、表が理解しやすくなる……という想定です。表の概要、できれば行方向と列方向にどんな項目が並んでいるのかをおおざっぱに説明しておくと良いでしょう。
Techniques for WCAG 2.0の「H73: Using the summary attribute of the table element to give an overview of data tables (www.w3.org)」には summary のサンプルが出ていますので、参考にすると良いでしょう。
なお、レイアウト用のtableに対して summary="レイアウトテーブル" や summary="layout table" などの指定をすることは推奨されません。Techniques for WCAG 2.0では、「F46: Failure of Success Criterion 1.3.1 due to using th elements, caption elements, or non-empty summary attributes in layout tables (www.w3.org)」の項目において summary="layout table" が明確に失敗例として挙げられています。
- 「summary属性」にコメントを書く