WCAG 2.0使用表格进行布局

Question

WCAG 2.0是否允许使用表格进行布局，我在指南中看不到任何内容，说你不能这样做，但这让我很难过。

Answer 1

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

  

尽管WCAG 2并未禁止   使用布局表，基于CSS   建议使用布局   保留定义的语义   HTML表格元素和符合   分离的编码实践   来自内容的演示文稿

Answer 2

我要在@jordan回答中添加了无法访问的表格。 布局表必须避免使用数据表中使用的任何元素，即：

• 没有caption，thead，tfoot和th个元素（仅限table，tr，td以及{ {1}}）
• tbody属性（可以为空），summary，headers（仅scope和rowspan。显然colspan < / LI>
• 奇怪的事情，例如id或axis元素

它也必须是可线性的，也就是说，当从上到下和从左到右读取单元格时必须有意义。

相关的 WCAG 2.0 失败技术是：

• F46: Failure (...) due to using th elements, caption elements, or non-empty summary attributes in layout tables
• F49: Failure (...) due to using an HTML layout table that does not make sense when linearized

注意：如果您仅将表用于设计约束，那么仅供参考，您可以在每个浏览器上使用col（以及display: table;和table-row）除IE6和IE7外。