跳到主要內容
:::|

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 >

上一頁| 回首頁