WCAG 2.0 Verwenden von Tabellen zum Layout
-
27-10-2019 - |
Frage
Erlaubt WCAG 2.0 Tabellen für das Layout, ich kann in den Richtlinien nichts sehen, was sagt, dass Sie es nicht nur überraschen können.
Lösung
http://www.w3.org/tr/wcag20-techs/h73.html
Obwohl WCAG 2 die Verwendung von Layouttabellen nicht verbietet, werden CSS-basierte Layouts empfohlen, um die definierte semantische Bedeutung der HTML-Tabellenelemente beizubehalten und sich der Codierungspraxis der Trennung der Präsentation von Inhalten zu entsprechen
Andere Tipps
Ich würde @jordan antworten, dass imbrierte Tabellen unzugänglich sind. Eine Layouttabelle muss vermeiden, dass jedes in Datentabellen verwendete Elemente verwendet wird, dh:
- nein
caption
,thead
,tfoot
undth
Elemente (nurtable
,tr
,td
und optionaltbody
) summary
Attribut (es kann leer sein),headers
,scope
(nurrowspan
undcolspan
. Undid
offensichtlich)- Seltsame Dinge wie
axis
odercol
Element
Es muss auch linearisierbar sein, das heißt, wenn Zellen von oben nach unten und links nach rechts gelesen werden.
Relevant WCAG 2.0 Fehlertechniken sind:
- F46: Ausfall (...) aufgrund der Verwendung von TH-Elementen, Bildunterschriftenelementen oder nicht leeren Zusammenfassungsattributen in Layouttabellen
- F49: Ausfall (...) aufgrund der Verwendung einer HTML -Layouttabelle, die bei linearisiert nicht sinnvoll ist
Notiz: Wenn Sie Tabellen nur für Entwurfsbeschränkungen verwenden, können Sie Ihre FYI verwenden display: table;
(und table-row
und table-cell
) auf jedem Browser außer IE6 und IE7.