html-table - WCAG 2.0 レイアウトにテーブルを使用する

Question

WCAG 2.0 ではテーブルのレイアウトが許可されていますか? ガイドラインには許可されていないと書かれているものは何もありませんが、これには驚かされます。

Answer 1

http://www.w3.org/TR/WCAG20-TECHS/H73.html

WCAG 2 はレイアウト テーブルの使用を禁止していませんが、HTML テーブル要素の定義されたセマンティックな意味を保持し、プレゼンテーションをコンテンツから分離するコーディング プラクティスに準拠するために、CSS ベースのレイアウトが推奨されます。

Answer 2

複雑なテーブルにはアクセスできないという@jordanの回答に追加します。レイアウト テーブルでは、データ テーブルで使用される要素を使用しないようにする必要があります。つまり、次のとおりです。

• いいえcaption、thead、tfootおよびth要素 ( table、tr、tdおよびオプションで のみtbody)
• summary属性 (空にすることもできます)、headers、scope(rowspanとのみcolspan。そしてid明らかに)
• axisまたはcol要素のような奇妙なもの

また、線形化可能である必要があります。つまり、セルが上から下、左から右に読み取られるときに意味をなす必要があります。

関連するWCAG 2.0失敗テクニックは次のとおりです。

• F46: 失敗 (...) レイアウト テーブルで th 要素、キャプション要素、または空でない要約属性を使用しているため
• F49: 線形化されたときに意味をなさない HTML レイアウト テーブルを使用するための失敗 (...)

注:設計上の制約のためだけにテーブルを使用している場合、参考までに、IE6 と IE7 を除くすべてのブラウザーでdisplay: table;(and table-rowand ) を使用できます。table-cell