Question

所有辅助功能专家，

我在我的网站中使用jtemplate并且有问题要通过w3c Web辅助功能。问题是jtemplate（不仅是jtemplate而且是大多数其他客户端模板）使用隐藏的＆lt; textarea＆gt;作为模板持有人。根据W3c可访问性标准，每个文本框/文本区域都需要一个关联的标签。

由于这些textarea模板不可见，因此有一个隐藏的标签与之关联是没有意义的。你能建议一个更好的方法吗？

亲切的问候， BC

Answer 1

我会忽略验证问题。即使出现此错误，您的代码仍然有效。

Answer 2

我是一名屏幕阅读器用户，并在IE中将以下示例放在一起，其中有关于如何读取标签和文本区域的窗口。简短的摘要是通过向隐藏文本字段添加标签，您将对屏幕阅读器用户造成更大的伤害，因为标签将与相关的文本字段一起使用。

<html>
<head><title>testing</title></head>
<body>
<form>
<label>This is a useless label since the screen reader won't read the text box</label>
<textarea  rows="10" cols="30" style="display:none">
This will not be read by a screen reader
</textarea>
<label>This is a useful label since the screen reader will read it along with the text box</label>
<textarea  rows="10" cols="30" >
This will be read by a screen reader
</textarea>
</form>
</body>
</html>

有关从屏幕阅读器用户隐藏文本或向屏幕阅读器用户提供文本，同时将其隐藏在其他人身上的讨论，请参阅 http://webaim.org/techniques/css/invisiblecontent/#intro 这是一个如何在技术上满足标准但创建具有可访问性问题的站点的示例。虽然使用标准有助于可访问性，但它并不保证它。我建议您将此记录为与标准的必要偏差。您的其他选择是添加会损害屏幕阅读器用户的标签，但技术上会使网站符合标准，或者重写您的网站以使用其他库。

Jtemplate可访问性问题

2 个答案: