跳到主要內容
:::|

3.1:EV1030112 使用標籤組件將文字標籤與表單控制元件建立關連

稽核評量碼

EV1030112

訊息

使用標籤組件將文字標籤與表單控制元件建立關連

英文訊息

H44: Using label elements to associate text labels with form controls

評量條件

使用標籤的方式將文字標籤與表單控制元件建立關連時,適用於HTML和XHTML,且須遵守此規範。

評量步驟

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

使用Google Chrome瀏覽器開啟檔案

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

 點選右鍵檢視網頁原始碼

3. 在下面的例子中以核取方塊的勾選作為表單的控制元件(表單控制元件表示在表單中出現的控制元件如核取方塊或是選項按鈕等),文字標籤為HTML,程式碼中type="checkbox" id="markuplang"代表id為markuplang的核取方塊” checkbox” ,以及程式碼中 <label for="markuplang">HTML</label>id同樣設為markuplang的 HTML文字標籤產生關聯 ,代表著核取方塊的勾選或不勾選來表示和文字標籤為HTML間的關聯。

檢視原始碼核取方塊和文字標籤為HTML間的關聯

參考資源

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

http://www.w3.org/TR/html401/interact/forms.html#h-17.9

http://www.usability.com.au/resources/wcag2/

上一頁| 回首頁