テーブル要素の内容を読み上げる順序
テーブルの内容は、左上から右下に向かって順番に読み上げていく。
| 1 | 2 | 3 | 4 |
|---|---|---|---|
| 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 |
結合しているセルがある場合、読み上げの順番とセルの数が違ってくるため、視覚障害者には理解しにくくなる。
テーブルが入れ子になっていると、更に読み上げの順番は複雑になってくる。
| 1 | 2 | 3 | |||||
|---|---|---|---|---|---|---|---|
| 4 | 5 |
6
|
11 | ||||
| 12 | 13 | ||||||
入れ子を解除することで、分かりやすくなる場合もある。
| 1 | 2 | 3 | |
|---|---|---|---|
| 4 | 5 | 6 (※1) | 7 |
| 8 | 9 (※1) | 10 | |
(※1)場合
| 1 | 2 |
|---|---|
| 3 | 4 |
まず、テーブル要素を使う必要があるかどうかを十分検討する。レイアウトに使用する際は、特に音声読み上げブラウザの読み上げ順に配慮する必要がある。
また、テーブルが入れ子になってしまった場合などは、見出しをつけて分割することで分かりやすくなる場合があるので、意味を損なわないよう、いくつかに分けることも有効である。
