1

WCAG 2.0 でテーブルのレイアウトが許可されていることは知っていますが、何らかの理由でチェッカーが次のエラーを出し続けます。

チェック 245: ヘッダーの行/列が複数あるデータ テーブルでは、id 属性とヘッダー属性を使用してセルを識別していません

修復: 表のセルに id 属性と 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 アクセシビリティ チェッカー) がエラーになっています。内部テーブル (レイアウト テーブル) を、そのセルが外部テーブル (データ テーブル) のセルであるかのように誤って処理します。これは、内側のテーブルを外側のテーブルの外に移動して、その後に自立する場合に明らかになります。特定の条件下では、レイアウト テーブルが実際に許可されているため、ドキュメントはチェックに合格します。

この点で WCAG 2.0 に準拠するために修正は必要ありませんが、WCAG 2.0 で提案されているように、レイアウト テーブルの代わりに CSS を使用することを検討してください。レイアウト テーブルが 2 セルのテーブルである場合、これは通常は単純です。

于 2013-08-22T04:57:43.360 に答える