WCAG 2.0 Uso de tablas para diseño

Question

¿WCAG 2.0 permite tablas para el diseño? No veo nada en las pautas que diga que no se puede, pero esto me sorprende.

Answer 1

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

Aunque WCAG 2 no prohíbe el uso de tablas de diseño, se recomiendan diseños basados ​​en CSS para retener el significado semántico definido de los elementos de la tabla HTML y ajustarse a la práctica de codificación de separar la presentación del contenido

Answer 2

Agregaría a @jordan respuesta que las tablas imbricadas son inaccesibles. Una tabla de diseño debe evitar el uso de cualquier elemento utilizado en las tablas de datos, es decir:

• no caption, thead, tfoot y th elementos (solo table, tr, td y opcionalmente tbody)
• summary atributo (puede estar vacío), headers, scope (solamente rowspan y colspan. Y id obviamente)
• cosas extrañas como axis o col elemento

También debe ser linealizable, es decir, debe tener sentido cuando las celdas se lean de arriba a abajo y de izquierda a derecha.

Importante WCAG 2.0 Las técnicas de falla son:

• F46: Falla (...) debido al uso de elementos TH, elementos de subtítulos o atributos de resumen no vacíos en las tablas de diseño
• F49: falla (...) debido al uso de una tabla de diseño HTML que no tiene sentido cuando se linealiza

Nota: Si está utilizando tablas solo para restricciones de diseño, entonces para su información, puede usar display: table; (y table-row y table-cell) en cada navegador excepto IE6 e IE7.