各位可访问性专家,
我在我的网站中使用jtemplate,在传递w3c网页可访问性时有问题。问题是jtemplate (不仅是jtemplate,还有大多数其他客户端模板)使用hidden作为模板持有者。根据W3c可访问性标准,每个文本框/文本区域都需要一个关联的标签。
由于这些文本区域模板是不可见的,因此将隐藏标签与其关联是没有意义的。你能给我一个更好的建议吗?
温馨的问候,BC
发布于 2010-08-03 13:45:12
我会忽略这个验证问题。即使有这个错误,你的代码仍然有效。
发布于 2010-08-03 21:42:21
我是一个屏幕阅读器用户,在IE中用jaws将以下示例放在一起,说明如何读取标签和文本区。简短的总结是,通过向隐藏的文本字段添加标签,您将对屏幕阅读器用户造成更多的伤害而不是好处,因为在没有关联的文本字段的情况下会说出该标签。
<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。这是一个示例,说明如何在技术上仍然满足标准,但创建具有可访问性问题的站点。虽然使用标准有助于提高可访问性,但它并不能保证可访问性。我建议您将此记录为对标准的必要偏差。你的其他选择是添加标签,这会伤害屏幕阅读器用户,但从技术上使网站符合标准,或者重写网站以使用不同的库。
https://stackoverflow.com/questions/3393851
复制相似问题