我有一個封閉在標籤元素內的切換複選框。但是,我不需要任何文本到標籤元素。但可訪問性會拋出一個錯誤,以添加我根本不需要的標籤文本。我如何克服這個錯誤?輔助功能 - 在標籤元素中提供描述性文字
<label class="toggle" for="togglechkbox" id="Remember My ID" >
<input id="togglechkbox" name="togglechkbox" type="checkbox" >
</label>
我有一個封閉在標籤元素內的切換複選框。但是,我不需要任何文本到標籤元素。但可訪問性會拋出一個錯誤,以添加我根本不需要的標籤文本。我如何克服這個錯誤?輔助功能 - 在標籤元素中提供描述性文字
<label class="toggle" for="togglechkbox" id="Remember My ID" >
<input id="togglechkbox" name="togglechkbox" type="checkbox" >
</label>
雖然技術上但從W3C點有效的,它從來沒有被很推薦嵌套的<input>
一個<label>
內。 人們經常說,某些屏幕閱讀器/瀏覽器組合不支持它。這也許是您從驗證工具獲取警告的原因。 在複選框之前或之後立即放置標籤會更安全。
現在回答一個更一般的問題,您必須提供一個標籤,否則屏幕閱讀器用戶不知道該複選框的用途,即他們無法知道該複選框是什麼。 或者,您可以刪除標籤,但用詠歎調和/或詠歎調標籤補償。
你必須做一個或另一個。否則,它不是屏幕閱讀器可訪問。
你爲什麼還原代碼標記?需要查看您在帖子中插入的html代碼。沒有代碼語法高亮你的句子沒有任何意義,因爲stackoverflow是刪除html元素... –
似乎我已經理解你的修改相反。我不記得我的帖子有這個問題。目前尚不清楚,但這是該網站的錯,而不是你的。如果你的修改只是爲了讓我的HTML代碼出現,你可以做到。對不起。謝謝。 – QuentinC
什麼錯誤?以及您正在使用的屏幕閱讀器? – Beginner
視力用戶如何知道該複選框的用途? – steveax
爲什麼你首先提供一個「標籤」? – unor