ばけらの HTML リファレンス(未完成)

bakera.jp > 鳩丸リファレンス > ばけらの HTML リファレンス(未完成) > 属性一覧 > summary属性

summary属性

属性名バージョン属性値既定値備考
summary4.0, X1.0, X1.1%Text;#IMPLIEDpurpose/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" が明確に失敗例として挙げられています。

最近の日記

関わった本など