跳到主要內容
:::|

3.1:EV1030110 對於複雜表格,以有意義的標記來建立表格標頭儲存格與資料儲存格之間的關連

稽核評量碼

EV1030110

訊息

對於複雜表格,以有意義的標記來建立表格標頭儲存格與資料儲存格之間的關連

英文訊息

H43: Using id and headers attributes to associate data cells with header cells in data tables

H63: Using the scope attribute to associate header cells and data cells in data tables

評量條件

在HTML和XHTML中,使用有意義的標籤來建立表格標頭儲存格與資料儲存格之間的關係,且須遵守此規範。

評量步驟

1.使用Google Chrome瀏覽器開啟檔案

開啟檔案

2.點選右鍵檢視網頁原始碼

點選右鍵檢視原始碼

3.可看到表格標頭儲存格與資料儲存格之間的關係,例如:表格標頭指的是名字,電話,傳真為個別的列標頭,其他資料室指除了表格標頭以外的資料,如珍妮、412-212-5421等。以上範例表示表格標頭與資料間的關係,在 <th scope="col">名字</th> 程式碼中col則為列標頭,也就是名字,其他如電話,傳真,城市為每一列的標頭都會關聯到其他資料儲存格,像是名字會對照到珍妮,電話會對照到412-212-5421以此類推。

標題設計範例

參考資源

http://www.w3.org/TR/WCAG-TECHS/H43.html

http://www.w3.org/TR/WCAG-TECHS/H63.html

http://www.w3.org/TR/html4/struct/tables.html#h-11.4.1

http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#adef-scope

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.6

http://www.eramp.com/david/tablesample2.htm

上一頁| 回首頁