满足508复杂数据表的可访问性要求

时间:2011-03-04 01:16:00

标签: html html-table coldfusion accessibility

我正在使用Firefox的扩展来检查508合规性问题。在这里找到:

https://addons.mozilla.org/en-US/firefox/addon/accessibility-evaluation-toolb/

我收到以下两个错误,我无法在每个报告中解决这些错误:

  

失败:数据表必须使用th元素来指示所有列或行中第一个单元格的标题单元格。

     

失败:对于复杂数据表,td元素必须具有指向关联的标头ID的标头属性。

插件突出显示以下表格单元格中的两个错误,但我找不到任何错误:

<table cellpadding="5"  width="100%" style ="text-align:right" class ="ecoRow" summary="Budget History" title="Budget History">

<tr> <th id="date_range"  colspan="7" style="text-align:center;">From #params.start_date# To #params.end_date#</th></tr>

怎么办?

2 个答案:

答案 0 :(得分:1)

我看到有关表的几个方面可以改进(内联样式,缺少<tbody>等),但标题识别不是其中之一。然后,我再也看不到整张桌子了。但看起来这个插件显然不了解colspan。尝试在标题中添加scope="col"

对于替代插件,请尝试使用WAVE工具栏:http://wave.webaim.org/toolbar

更新:现在我通过评论中的pastbin链接看到了表格,我看到了一些严重的问题。首先,没有关闭表标签。你有一些行比其他行宽。您有一个空行已插入用于显示目的。不要这样做,请使用CSS。

答案 1 :(得分:1)

我今天使用这个firefox扩展程序并遇到了同样的问题。 看来该工具想要在元素中看到一些文本。

团队中的其他开发人员用按钮和锚点替换了纯文本标题标签。锚点正在使用工具,但按钮不是。我们已经定义了范围和所有结束标记(我已经检查过)。

结果可能有所不同,但这解决了我们的问题。 请注意,传递行在标记之间有实际文本。

  • 失败:<th><input type="button" text="blah"></input></th>
  • 失败:<th><img url="blah.jpg"></img></th>
  • 通过:<th><a href="www.blah.com">blah</a></th>
  • 通过:<th><span>blah</span></th>
  • 通过:<th>blah</th>