我试图创建一个语义正确和可访问(WCAG 2.0)HTML5数据表。第一列包含的数据也可以作为行的标题。如何在HTML5中标记也可用作行标题的数据单元格?
在HTML 4.01/XHTML 1.0我用来标记这些细胞作为td与scope属性:
在HTML5的scope属性不再允许td元件上。什么是语义和可访问性的最佳方法?
标记细胞在第一列作为th(数据方面丢失?)
标记在第一列中的细胞作为td和松头方面
恐怕在第二种情况下,表格将不易访问。
这种情况让我想到了一般的数据表:在哪种情况下,你会只使用列标题?因为数据表的性质意味着一行中的单元格中的数据之间的关系。对于可访问性,不应该也总是得到一个标题,以传达这种关系?
例如这个表:
Principle | Corresponding guidelines
------------------------------------------------------------------------
Never leave a child unattended | 1, 3, 8
Always communicate what you are going to do | 4, 5, 6
Calm down before you take action | 5,9,13
你会考虑在第一列(原则)的细胞中第二列标题或数据单元格?换句话说,你会以什么方式标记这张桌子?