跳到主要內容
:::|

5.1:H105100 對於每一個存放資料的表格(不是用來排版),標示出行和列的標題

說明:為了讓視覺障礙者可清晰的理解表格中的資訊,網頁開發者可以使用TH標籤來設定表格中資訊的從屬關係,以利語音合成器正確讀出表格中的內容。

範例:
李小安、吳大義國會議員每天所飲用的咖啡數量

議員姓名 飲用咖啡數量(杯) 咖啡種類 是否加糖?
李小安 10 摩卡
吳大義 5 拿鐵

以上面的網頁表格為例,如果要讓語音合成器正確的讀出表格的內容,則需要正確使用 TH 標籤以標示表格的標題,寫法如下:

<不良設計

以下是不良設計,沒有使用TH標籤標示出表格行列標題。

不良設計:

< TABLE border = "1" summary = "李小安國會議員每天約飲用10杯加糖的摩卡咖啡, 吳大義國會議員每天約飲用5杯不加糖的拿鐵咖啡 " > < CAPTION > 李小安、吳大義國會議員每天所飲用的咖啡數量 < /CAPTION > < TR > < TD > 議員姓名 < /TD > < TD > 飲用咖啡數量(杯) < /TD > < TD abbr = "Type" > 咖啡種類 < /TD > < TD > 是否加糖? < /TD > < /TR > < TR > < TD > 李小安 < /TD > < TD > 10 < /TD > < TD > 摩卡 < /TD > < TD > 是 < /TD > < /TR > < TR > < TD > 吳大義 < /TD > < TD > 5 < /TD > < TD > 拿鐵 < /TD > < TD > 否 < /TD > < /TR > < /TABLE >

正確示範

以下是正確範例,使用TH標籤替表格行列標示出標題。

正確範例:

< TABLE border = "1" summary = "李小安國會議員每天約飲用10杯加糖的摩卡咖啡, 吳大義國會議員每天約飲用5杯不加糖的拿鐵咖啡。" > < CAPTION > 李小安、吳大義國會議員每天所飲用的咖啡數量 < /CAPTION > < TR > < TH > 議員姓名 < /TH > < TH > 飲用咖啡數量(杯) < /TH > < TH abbr = "Type " > 咖啡種類 < /TH > < TH > 是否加糖? < /TH > < /TR > < TR > < TD > 李小安 < /TD > < TD > 10 < /TD > < TD > 摩卡 < /TD > < TD > 是 < /TD > < /TR > < TR > < TD > 吳大義 < /TD > < TD > 5 < /TD > < TD > 拿鐵 < /TD > < TD > 否 < /TD > < /TR > < /TABLE >

上一頁| 回首頁