先日、ふと「アクセシビリティを考慮したデータ・テーブルのコーディングってどうやるんだっけ?」と、思ったのでやり方をまとめてみます。これまでもセマンティックなコーディングはしていたものの、セマンティックス以外に注意すべき点はあるのか?データ・テーブルはスクリーンリーダーでどのように読まれるのか?が気になったので、調べて整理してみました。 主にWebAIMの「Creating Accessible Tables 」とWAI Web Accessibility Tutorialsの「Table Concepts 」という2つのサイトを参考にさせてもらいました。 ちなみに、データ・テーブルとはデータを表形式で表示する以下のようなテーブルのことを言います。
![アクセシビリティを考慮したデータ・テーブルのコーディングやってますか?(基本編)](https://cdn-ak-scissors.b.st-hatena.com/image/square/30dd14614923307740466fcd252466535fd072bb/height=288;version=1;width=512/https%3A%2F%2Fparashuto.com%2Frriver%2Fwp%2Fwp-content%2Fuploads%2F2019%2F02%2Faccessible-tables-basics.png)