無障礙網路空間服務網無障礙網路空間服務網

5.7:H305106 表格行列過長的標題,須提供縮寫或簡稱

不良設計

沒有使用abbr屬性為過長的表格標題提供簡稱。

不良設計:

  <TABLE border="1" summary="台灣各主要城市降雨機率偏高,所以紫外線照射的強度皆為良好。">
  <CAPTION>
  台灣各主要城市天氣概況與紫外線強度
  </CAPTION>
  <TR>
  <TH>主要城市地區</TH>
  <TH>降雨機率百分比</TH>
  <TH>陽光紫外線強度</TH>
  </TR>
  <TR>
  <TD>台北</TD>
  <TD>100%</TD>
  <TD>良好</TD>
  </TR>
  <TR>
  <TD>台中</TD>
  <TD>60%</TD>
  <TD>良好</TD>
  </TR>
  <TR>
  <TD>高雄</TD>
  <TD>50%</TD>
  <TD>良好</TD>
  </TR>
  </TABLE>
          

正確示範

使用abbr屬性為過長的表格標題提供簡稱。

正確範例:

  <TABLE border="1" summary="台灣各主要城市降雨機率偏高,所以紫外線照射的強度皆為良好。">
  <CAPTION>
  台灣主要城市天氣概況與紫外線強度
  </CAPTION>
  <TR>
  <TH abbr="城市">主要城市地區</TH>
  <TH abbr="降雨">降雨機率百分比</TH>
  <TH abbr="紫外線">陽光紫外線強度</TH>
  </TR>
  <TR>
  <TD>台北</TD>
  <TD>100%</TD>
  <TD>良好</TD>
  </TR>
  <TR>
  <TD>台中</TD>
  <TD>60%</TD>
  <TD>良好</TD>
  </TR>
  <TR>
  <TD>高雄</TD>
  <TD>50%</TD>
  <TD>良好</TD>
  </TR>
  </TABLE>
          
網頁內容結束分隔線