1

我知道 WCAG 2.0 允许表格进行布局，但由于某种原因，achecker 不断给我以下错误：

检查 245：具有多于一行/列标题的数据表不使用 id 和 headers 属性来识别单元格

修复：将 id 和 headers 属性添加到表格单元格，以便它们识别与 headers 相关的单元格。

HTML 代码：

<table id="mainTable">
    <tbody>
        <tr>
            <th id="h150" scope="row">Row 1</th>
            <td headers="h150" colspan="3">Value 1</td>
        </tr>
        <tr>
            <th id="h151" scope="row">Row 2_1</th>
            <td headers="h151">Value 2</td>
            <th id="h1511" scope="row">Row 2_2</th>
            <td headers="h1511">
                <table>
                    <tr>
                        <td>Inner 1</td>
                        <td>Inner 2</td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>

如果我删除该内部布局表，则验证通过。为什么嵌套布局表会出现此错误？

任何建议，将不胜感激。

4

1 回答 1

1

您正在使用的可访问性检查器（显然是IDI Web Accessibility Checker）有误。它错误地处理内部表（布局表），就好像它的单元格是外部表（数据表）的单元格。如果您将内表从外表中移出，然后独立站立，这一点就会变得很明显；然后该文档通过了检查，因为在某些条件下确实允许使用布局表。

尽管在这方面不需要修复以符合 WCAG 2.0，但请考虑使用 CSS 而不是布局表，如 WCAG 2.0 中所建议的那样。如果布局表只是一个包含两个单元格的表格，这通常很简单。

于 2013-08-22T04:57:43.360 回答