Jtemplate 可访问性问题答案

【问题标题】：Jtemplate Accessibility questionJtemplate 可访问性问题
【发布时间】：2010-08-03 05:39:16
【问题描述】：

您好所有辅助功能专家，

我在我的网站中使用 jtemplate，但在通过 w3c Web Accessibility 时遇到问题。问题是 jtemplate（嗯，不仅是 jtemplate，而且大多数其他客户端模板）使用隐藏的作为模板持有者。而且根据 W3c 无障碍标准，每个文本框/文本区域都需要一个关联的标签。

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

亲切的问候，公元前

【问题讨论】：

只是添加 title="some title" 没有帮助吗？

标签： jquery accessibility jtemplate

【解决方案1】：

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

【讨论】：

我很高兴忽略它们，但不幸的是，我在我们拥有独立测试团队的地方工作，他们拒绝让这个通过。 erhh .. 修复代码或寻找新的工作地点 =)
@Reigel：隐藏字段与可访问性有什么关系？
隐藏字段对于我猜的盲人来说并没有那么隐藏。 ;)

【解决方案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 这是一个示例，说明您如何在技术上仍能满足标准，但创建的网站存在可访问性问题。虽然使用标准有助于提高可访问性，但它并不能保证它。我建议您将此记录为与标准的必要偏差。您的其他选择是添加会损害屏幕阅读器用户但在技术上使网站符合标准的标签，或者重写您的网站以使用不同的库。

【讨论】：