選擇標籤的標籤標籤有什麼意義？

Question

（HTML）我意識到，當您單擊標籤時，輸入標籤的標籤標籤會將光標置於該字段中，但對於選擇標籤似乎沒有做任何事情。它對於選擇標籤甚至有用嗎？

Answer 1

它告訴人們他們正在選擇什麼。

考慮的區別：

<label for="a"> Your allergies </label> 
<select multiple id="a"> 
    <option>Cats 
    <option>Dogs 
</select> 

<label for="b"> Your favourite animals </label> 
<select multiple id="b"> 
    <option>Cats 
    <option>Dogs 
</select> 

現在刪除標籤，並嘗試填寫正確的答案。

Answer 2

可能沒有任何附加功能將標籤綁定到select，但它會通過關聯標籤來增加語義含義。此外，它還提供幫助軟件的上下文，例如視覺障礙用戶可能使用的屏幕閱讀器。

Answer 3

即使控件是select元素，單擊label元素也會關注相關控件。這是一個真正的效果，雖然目前還不清楚它是否有很多用途（與單選按鈕和複選框不同，後者往往很微小，並且會給發生殘疾的人帶來麻煩）。

在屏幕閱讀器和輔助軟件中，label標記可以以不同方式提供幫助，如WCAG 2.0文檔Labels or Instructions: Understanding SC 3.3.2中所述。特別是：「當標籤元素與輸入元素相關聯時，屏幕閱讀器會在屏幕閱讀器收到焦點時說出標籤，並且電機控制受損的用戶可以通過更大的可點擊區域爲控件提供幫助，因爲點擊標籤或控件激活控件「。因此，例如，如果用戶使用Tab鍵移動（以專注於控件），瀏覽器或輔助軟件可能會通過說出相關標籤對聚焦作出反應。