字段集標籤是否具有任何可訪問性好處？

Question

我知道很多HTML中的功能都是需要網頁才能被視力不好的人看到的，特殊的瀏覽器可以大聲讀出這些文字。

爲了使其正常工作，您必須確保遵循良好的HTML編碼標準，例如，你應該確保你的圖像有一個替代文本，你不使用表格佈局等。

但我不確定的是fieldset元素對輸入字段進行分組的重要性。字段集標籤是否具有特殊的可訪問性好處，還是純粹用於佈局？

Answer 1

是的。請參閱：http://www.alistapart.com/articles/prettyaccessibleforms/

某些屏幕閱讀器甚至會讀取字段集中每個標籤的圖例。

<fieldset> 
    <legend>What is your favorite animal?</legend> 
    <input type="radio" name="animal" id="Cat" /> <label for="Cat">Cat</label> 
    <input type="radio" name="animal" id="Dog" checked="checked" /> <label for="Dog">Dog</label> 
    <input type="radio" name="animal" id="Rabbit" /> <label for="Rabbit">Rabbit</label> 
</fieldset> 

• 什麼是你最喜歡的動物是什麼？單選按鈕。貓。未選中的。
• 你最喜歡的動物是什麼？單選按鈕。狗。選定的。
• 你最喜歡的動物是什麼？單選按鈕。兔子。未選中的。

Answer 2

簡答：是的。結構和語義都很好。

例如。

許多屏幕閱讀器都有一個「表單模式」，它們忽略了與表單無關的任何內容。

() Cat 
() Dog 
() Rabbit 

這是相當無意義

<fieldset> 
    <legend>What is your favourite animal?</legend> 

    () Cat 
    () Dog 
    () Rabbit 
</fieldset> 

現在字段集的傳說賦予了它的上下文。

段落不起作用 - 它不會以表單模式呈現給用戶。標籤不起作用 - 它描述了一個字段，而不是它們的集合。你會爲每隻貓，狗和兔子使用一個標籤。