本文へスキップ

宮崎県ホームページバリアフリー化のための手引書

サイトマップ

チェック項目

5. 文字や一覧表について

(h) 一覧表はできるだけ単純な構造にする。複雑な表にはセルの関係を示す属性をつける。

初心者高齢者視覚障害者肢体不自由者

データを表形式で表すと、スクリーン・リーダーや音声ブラウザでは表の縦横などの全体像や見出しとデータの違いを把握することが難しくなります。 そのため表の構造を単純にしてセルの結合を使わないなど工夫をし、見出し行に<th>タグを使ってセルの関係を示す属性を付け、他のデータと区別するようにしましょう。

■複雑な表のHTML記述例
平均値
区分 中学校1年生男子 中学校1年生女子
身長
151.1
151.6
体重
44.4
45.1
座高
80.7
82.0

<table border="1" cellspacing="0" cellpadding="10">
<caption>平均値</caption>
<tr>
<th>区分</th>
<th scope="col" abbr="中1男子">中学校1年生男子</th>
<th scope="col" abbr="中1女子">中学校1年生女子</th>
</tr>
<tr>
<th scope="row" abbr="身長">身長</th>
<td>151.1</td>
<td>151.6</td>
</tr>
<tr>
<th scope="row" abbr="体重">体重</th>
<td>44.4</td>
<td>45.1</td>
</tr>
<tr>
<th scope="row" abbr="座高">座高</th>
<td>80.7</td>
<td>82.0</td>
</tr>
</table>

ページの先頭に戻る
Copyright(C) Miyazaki Prefecture 2004. All rights reserved.