アクセシビリティを考慮したtableタグ

普段はあまり意識しないことも多いかもしれませんが、アクセシブルなテーブルについて。

そもそもはthタグのabbr属性の記述について考えましたが、せっかくなのですこしまとめてみる。

W3Cで推奨されるアクセシビリティについてはWAI(Web Accessibility Initiative)を参照いただくこととして、音声ブラウザを意識したtableタグの記述について理解します。

tableタグ内のアクセシビリティを良好にするには、音声ブラウザから各セルの項目について明示することで可能となります。
ヘッダセルに各属性を明記することで、テーブルの表組みの見出しth要素の定義をおこないます。

ヘッドセルに指定できる属性は以下のようになります。

■th要素に指定できるヘッドセル属性...

続きは　⇒　　Web制作-WEB制作システム