WCAG 2.0使用表格进行布局

Question

WCAG 2.0允许表格布局吗?我在指南中看不到任何不允许的内容，但这让我感到惊讶。

Answer 1

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

虽然WCAG2没有禁止使用布局表格，但建议使用基于CSS的布局，以便保留定义的HTML表格元素的语义含义，并符合将表示与内容

分离的编码实践

Answer 2

我想在@jordan的回答中补充说，叠加表是无法访问的。布局表格必须避免使用数据表中使用的任何元素，即：

• 无caption、thead、tfoot和th元素(仅限table、tr、td以及可选的tbody)
• summary属性(可以为空)、headers、scope (仅限D15和colspan。以及像axis或col element

这样的元素

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

相关的WCAG2.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

注意:如果您只将表用于设计约束，那么仅供参考，您可以在除IE6和IE7之外的任何浏览器上使用display: table; (以及table-row和table-cell)。