レイアウトにテーブルを使用したWCAG 2.0

Question

WCAG 2.0はレイアウトのテーブルを許可していますか？ガイドラインには何も表示されません。

Answer 1

http://www.w3.org/tr/wcag20-techs/h73.html

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

Answer 2

@ヨルダンの回答に追加します。レイアウトテーブルは、データテーブルで使用される要素の使用を避ける必要があります。つまり、次のとおりです。

• 番号 caption, thead, tfoot と th 要素（のみ table, tr, td そしてオプション tbody)
• summary 属性（空になる可能性があります）、 headers, scope （それだけ rowspan と colspan. 。と id 明らかに）
• のような奇妙なこと axis また col エレメント

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

関連する WCAG 2.0 障害技術は次のとおりです。

• F46：レイアウトテーブルでTH要素、キャプション要素、または空でない要約属性を使用するための障害（...）
• F49：障害（...）線形化されたときに意味をなさないHTMLレイアウトテーブルを使用したことによる

ノート： 設計の制約のみにテーブルを使用している場合は、FYIを使用できます display: table; （と table-row と table-cell）IE6およびIE7を除くすべてのブラウザで。