2017-09-11 52 views
1

我有一個封閉在標籤元素內的切換複選框。但是,我不需要任何文本到標籤元素。但可訪問性會拋出一個錯誤,以添加我根本不需要的標籤文本。我如何克服這個錯誤?輔助功能 - 在標籤元素中提供描述性文字

<label class="toggle" for="togglechkbox" id="Remember My ID" > 
    <input id="togglechkbox" name="togglechkbox" type="checkbox" > 
</label> 
+0

什麼錯誤?以及您正在使用的屏幕閱讀器? – Beginner

+2

視力用戶如何知道該複選框的用途? – steveax

+0

爲什麼你首先提供一個「標籤」? – unor

回答

1

雖然技術上但從W3C點有效的,它從來沒有被很推薦嵌套的<input>一個<label>內。 人們經常說,某些屏幕閱讀器/瀏覽器組合不支持它。這也許是您從驗證工具獲取警告的原因。 在複選框之前或之後立即放置標籤會更安全。

現在回答一個更一般的問題,您必須提供一個標籤,否則屏幕閱讀器用戶不知道該複選框的用途,即他們無法知道該複選框是什麼。 或者,您可以刪除標籤,但用詠歎調和/或詠歎調標籤補償。

你必須做一個或另一個。否則,它不是屏幕閱讀器可訪問。

+0

你爲什麼還原代碼標記?需要查看您在帖子中插入的html代碼。沒有代碼語法高亮你的句子沒有任何意義,因爲stackoverflow是刪除html元素... –

+0

似乎我已經理解你的修改相反。我不記得我的帖子有這個問題。目前尚不清楚,但這是該網站的錯,而不是你的。如果你的修改只是爲了讓我的HTML代碼出現,你可以做到。對不起。謝謝。 – QuentinC