無障礙網站設計
1.3.1 HM1130101C 使用範疇(scope)屬性,來建立表格行列標題儲存格與資料儲存格之間的關連
上述規定其實就是建立表格<table>時,要注意標頭<th>的用法,因此
若為欄的標頭要增加scope="col"的屬性,若為列的標頭要增加scope="row"的屬性
範例:
<table border="1">
<tr>
<td></td>
<th scope="col">星期一</th>
<th scope="col">星期二</th>
<th scope="col">星期三</th>
<th scope="col">星期四</th>
<th scope="col">星期五</th>
</tr>
<tr>
<th scope="row">上午</th>
<td>休館</td>
<td>開放</td>
<td>開放</td>
<td>開放</td>
<td>開放</td>
</tr>
<tr>
<th scope="row">下午</th>
<td>休館</td>
<td>開放</td>
<td>開放</td>
<td>開放</td>
<td>休館</td>
</tr>
</table>
|
星期一 |
星期二 |
星期三 |
星期四 |
星期五 |
上午 |
休館 |
開放 |
開放 |
開放 |
開放 |
下午 |
休館 |
開放 |
開放 |
開放 |
休館 |