WCAG 2.0 usando le tabelle per il layout
-
27-10-2019 - |
Domanda
WCAG 2.0 consente le tabelle per il layout, non riesco a vedere nulla nelle linee guida dicendo che non puoi che questo mi sorprende.
Soluzione
http://www.w3.org/tr/wcag20-techs/h73.html
Sebbene WCAG 2 non proibisca l'uso di tabelle di layout, sono consigliati layout basati su CSS per conservare il significato semantico definito degli elementi della tabella HTML e per essere conformi alla pratica di codifica della separazione della presentazione
Altri suggerimenti
Aggiungo a @Jordan Risposta che le tabelle imblicate sono inaccessibili. Una tabella di layout deve evitare di utilizzare qualsiasi elemento utilizzato nelle tabelle di dati, cioè:
- No
caption
,thead
,tfoot
eth
elementi (solotable
,tr
,td
e facoltativamentetbody
) summary
attributo (può essere vuoto),headers
,scope
(solorowspan
ecolspan
. Eid
ovviamente)- cose strane come
axis
ocol
elemento
Deve anche essere linearizzabile, cioè deve avere senso quando le cellule vengono lette dall'alto verso il basso e da sinistra a destra.
Pertinente WCAG 2.0 Le tecniche di fallimento sono:
- F46: fallimento (...) A causa dell'uso di elementi TH, elementi didascalia o attributi di riepilogo non vuoti nelle tabelle di layout
- F49: fallimento (...) a causa dell'utilizzo di una tabella di layout HTML che non ha senso quando è linearizzata
Nota: Se stai usando le tabelle solo per vincoli di design, allora FYI puoi usare display: table;
(e table-row
e table-cell
) su ogni browser tranne ie6 e ie7.