Webアクセシビリティ対応で、
Tableを使用している場合、
- summary
- caption
のちょっと似たものを扱いうことが在るが、たまにどっちがどっちだっけ？となるので、メモ。
この記事のタイトルが全てを言っているが、
| caption | summary | |
| 要素？属性？ | 要素 | 属性 |
| 👁目に見える？ | 見える | 見えない |
| 例 | <caption>hoge</caption> | <table summary=”fuga”> |
summaryは、音声ブラウザなどに情報を伝えるために在る。
しかし、html5でsummaryは廃止された。
HTML5 & CSS3 リファレンス - summary属性 （table要素のデータ内容の要約（廃止））
www.osaka-kyoiku.ac.jp
廃止された理由は、
HTML5 では， テーブルの説明は本文としてマークアップすることを推奨しているため廃止されました。
とのこと。
コメント