如何解决WCAG 2.0使用表格进行布局
| WCAG 2.0是否允许表格进行布局,我在指南中看不到任何内容,说不能,但这令我感到惊讶。解决方法
http://www.w3.org/TR/WCAG20-TECHS/H73.html
尽管WCAG 2并未禁止
使用基于CSS的布局表
建议使用布局,以便
保留定义的语义
HTML表元素并符合
分离的编码实践
内容介绍
, 我会在@jordan答案中添加无法访问混合表的信息。
布局表必须避免使用数据表中使用的任何元素,即:
没有
caption
,thead
,tfoot
和th
元素(仅table
,tr
,td
和可选的tbody
)
summary
属性(可以为空),headers
,scope
(仅rowspan
和colspan
。显然id
)
axis
或col
元素之类的奇怪事物
它也必须是可线性化的,也就是说,当从上到下以及从左到右读取单元格时,必须有意义。
相关的WCAG 2.0失败技术包括:
F46:由于在布局表中使用th元素,caption元素或非空摘要属性而导致的失败(...)
F49:失败(...)由于使用了线性化时没有意义的HTML布局表
注意:如果您仅将表格用于设计约束,那么仅供参考,您可以在除IE6和IE7之外的所有浏览器上使用display: table;
(以及table-row
和table-cell
)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。