嗨所有辅助功能专家,
我在我的网站中使用jtemplate并且在通过 w3c Web Accessibility 时遇到问题。问题是 jtemplate(嗯,不仅是 jtemplate,而且大多数其他客户端模板)使用隐藏的 <textarea> 作为模板持有者。根据 W3c 无障碍标准,每个文本框/文本区域都需要一个关联的标签。
由于这些 textarea 模板是不可见的,因此有一个隐藏标签与之关联是没有意义的。你能建议一个更好的方法吗?
亲切的问候,BC
嗨所有辅助功能专家,
我在我的网站中使用jtemplate并且在通过 w3c Web Accessibility 时遇到问题。问题是 jtemplate(嗯,不仅是 jtemplate,而且大多数其他客户端模板)使用隐藏的 <textarea> 作为模板持有者。根据 W3c 无障碍标准,每个文本框/文本区域都需要一个关联的标签。
由于这些 textarea 模板是不可见的,因此有一个隐藏标签与之关联是没有意义的。你能建议一个更好的方法吗?
亲切的问候,BC
我会忽略那个验证问题。即使出现此错误,您的代码仍然有效。
我是一名屏幕阅读器用户,并在 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 这是一个示例,说明您仍然可以在技术上符合标准,但创建的网站存在可访问性问题。虽然使用标准有助于提高可访问性,但它并不能保证它。我建议您将此记录为与标准的必要偏差。您的其他选择是添加会损害屏幕阅读器用户但在技术上使网站符合标准的标签,或者重写您的网站以使用不同的库。