508 合规性标题属性与隐藏的绝对定位标签答案

【问题标题】：508 Compliance title attribute vs a hidden absolutely positioned label508 合规性标题属性与隐藏的绝对定位标签
【发布时间】：2012-06-12 15:04:44
【问题描述】：

在 508 合规性方面，title 属性是否可以用于可访问性？

例如：

<style>
    #date_box{width:250px; border:2px solid #AAA;}
    input{width:100px;}
</style>

<div id="date_box">
    <input title="to" type="text" id="to" name="to" />
    <label for="from">from</label>
    <input type="text" id="from" name="from" />
</div>

或者最好做一个绝对位置和负边距的隐藏标签？

【问题讨论】：

标签： css section508

【解决方案1】：

当控件上的可视标签是多余的时，可以使用标题属性。表单控件的accessible name calculation 包括标题属性内容，因此它现在已经成为过去并将继续成为在不需要可见标签的有限情况下为控件提供可访问名称的可靠方法.有一个 WCAG 2.0 technqiue 涵盖了这一点。本文提供了该技术的测试结果和讨论：Title Attributes as Form Control Labels

【讨论】：

酷，感谢您的参考。如果屏幕阅读器遵循这些计算，您不会突然知道吗？
嗨 Serhiy，不是让 acreen 阅读器跟随浏览器跟随，而是从 HTML 映射到可访问性 API，然后可用于屏幕阅读器软件。所有实现可访问性支持的浏览器都使用可访问性名称计算算法（Firefox、IE、Chrome、Safari(mac)。目前不支持可访问性的浏览器（如 Opera、Windows 上的 safari）不能被屏幕阅读器用户使用，因此你不必担心这些。

【解决方案2】：

关于表格的Section 508 rule 相当抽象：“(n) 当电子表格设计为在线完成时，表格应允许使用辅助技术的人员访问完成所需的信息、字段元素和功能并提交表格，包括所有指示和提示。”

所以这里的问题是：如果您使用没有标签的表单字段，您能否确保任何辅助软件都允许用户访问逻辑上是标签但放置的文本，例如作为默认内容和/或title 属性进入该字段？如果您使用标签但用 CSS 隐藏它，是否确定任何辅助软件仍然可以使其对用户可用。

我认为没有人可以保证所有当前和未来的程序都做到这一点，因此使用普通标签和普通label 标记显然是最安全的。

【讨论】：

我完全同意使用普通标签和标记。虽然目前我正在使遗留应用程序更易于访问，因此大量的 UI 重新设计并不是我们想要急于求成的路径。所以我只是在寻找通过最少的 UI 更改来添加可访问性的方法。