我正在使用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>
怎么办?
答案 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>