2017-09-11 21 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