WCAG 2.0 Utilisation de tables pour la mise en page
-
27-10-2019 - |
Question
Est-ce que WCAG 2.0 permet des tables pour la mise en page, je ne vois rien dans les lignes directrices disant que vous ne pouvez pas, mais ce suprises moi.
La solution
http://www.w3.org/TR/WCAG20-TECHS/ H73.html
Bien que WCAG 2 n'interdit pas la utilisation de tables de mise en page, à base de CSS mises en page sont recommandées afin de conserver la signification sémantique définie les éléments de table HTML et de se conformer à la pratique de codage de séparation présentation du contenu
Autres conseils
J'ajouterais à réponse @jordan que les tables imbriquées sont inaccessibles. Une table de mise en page doit éviter d'utiliser tout élément utilisé dans les tableaux de données, qui est:
- no
caption
,thead
, élémentstfoot
etth
(seulementtable
,tr
,td
et éventuellementtbody
) - attribut
summary
(il peut être vide),headers
,scope
(seulementrowspan
etcolspan
. Etid
évidemment) - des choses étranges comme
axis
ou élémentcol
Il doit également être linéarisable, qui est, doit avoir un sens lorsque les cellules sont lues de haut en bas et de gauche à droite.
pertinent WCAG 2.0 Techniques d'échec sont:
- F46: échec (...) en raison de l'utilisation e éléments, éléments de légende , ou un résumé non vide attributs dans les tables de mise en page
- F49: échec (...) en raison de l'utilisation d'une table de mise en page HTML n'a pas de sens quand linéarisé
Remarque:. si vous utilisez des tables uniquement pour des contraintes de conception, puis votre information, vous pouvez utiliser display: table;
(et table-row
et table-cell
) sur tous les navigateurs sauf IE6 et IE7