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 和可选的 tbody）
• summary属性（可以为空），headers， scope（只有rowspan和colspan。显然还有id）
• 奇怪的东西，比如axis或 col 元素

还必须是可线性化的，即从上到下、从左到右读取单元格时必须有意义。

相关 WCAG 2.0 故障技术为：

• F46：故障 (. ..) 由于在布局表中使用 th 元素、标题元素或非空摘要属性
• F49：由于使用 HTML 布局表而失败 (...)线性化

注意：如果您仅将表格用于设计约束，那么仅供参考，您可以使用 display: table; （和 table-row< /代码> 和table-cell) 适用于除 IE6 和 IE7 之外的所有浏览器。