现在可以使用表格进行布局了吗?

时间:2014-05-30 15:38:44

标签: html css accessibility wai-aria wai

在HTML表格的W3C页面上,有一句话,“表格不应仅仅用作布置文档内容的方法,因为这可能会在呈现给非可视媒体[例如屏幕阅读器]时出现问题。”

我们可以理解这个要求,因为屏幕阅读器必须解析页面上的HTML内容并理解它。这是有道理的,因为在很久以前,无法在之前的时间定义可访问性。但是现在,我们创建了accessibility个标签,用于向屏幕阅读器描述数据并忽略布局。

如果您在网页上定义了辅助功能,那么使用表格或CSS是否重要?

基本上,我希望其他人向我解释一下,“......只要添加辅助功能标签,就可以使用表格或CSS或JavaScript或其他内容来布局内容”。

我说使用JavaScript布局页面因为我们处于RIA时代,页面可以使用JavaScript动态更新而无需刷新(参见WAI-ARIA)。

  

WAI-RIA是Accessible Rich Internet Applications Suite,定义了一个   使人们更容易访问Web内容和Web应用程序的方法   残疾人士。它特别有助于动态内容和   使用Ajax,HTML开发的高级用户界面控件,   JavaScript和相关技术。)。

更新
为了记录,我应该早些提到这一点,但我不打算使用表格进行布局。但主要是我想知道我是否可以。我想知道我们在可访问性方面取得的进步是否可以毫不费力地使用表格,如果我们想要没有影响的话。

我发现这与post相关,我认为这与我的问题不同,但有一些好的答案(虽然过时且主题被锁定)。

2 个答案:

答案 0 :(得分:1)

这是一个很好的问题,我相信你会得到很多意见。

就个人而言(标准当前的方式),表格只应用于表格数据。您可以使用CSS显示为“table”,“table-cell”等,因此可以使用div标签轻松模仿此显示方法。但是浏览器希望表中的数据而不是布局。

但是,我要说的一个例外是电子邮件应该使用表格来布局:)

答案 1 :(得分:1)

简而言之,可以(并且一直)使用表格进行布局,几乎没有或没有可访问性影响。但是,你正在为自己做更多的工作。

如果你使用带有div,sections,main等的CSS布局,你只需要考虑ARIA landmarks的可访问性。

如果您使用表格进行布局,则必须考虑nullifying the table roles,然后添加HTML5语义和地标。

注意:ARIA并不打算替换常规HTML语义,它旨在为HTML尚未支持的应用程序添加语义。哦,并且没有“辅助功能标签”,但HTML确实包含有助于辅助功能的标签,而ARIA则添加了有助于描述功能的属性