Studii de caz # 2 - Tabel cu informații nutriționale - Exemple de lucru - Set de instrumente pentru experiența web; (UMED)
Notă: Tabel în modul „hassum”
Acest studiu de caz utilizează tabelul cu opțiunea „hassum”.
Prezentare generală
Transformați un tabel cu informații nutriționale într-un tabel HTML nu se poate face direct. De ce? pur și simplu relația dintre date și antet nu este clar definită și atunci când nevoia de a fi compatibil cu WCAG Nivelul AA devine mai dificilă.
Acest studiu de caz necesită citirea documentației despre conceptul de utilizare a tabelului
Acest studiu de caz nu se referă la modul în care creați o masă HTML compatibilă cu nivelul AA WCAG, ci este activat cum se aplică conceptul de utilizare a tabelului.
Sursa de date originală
Rezultatul
Per 2 chipsuri (25 g)
Analiza tabelului
Inainte de.
Înainte de a începe analiza tabelului, este important să înțelegeți toate informațiile incluse în tabel.
Legendă
Aproape întotdeauna acolo, legenda tabelului este adesea prima informație furnizată. Titlul tabelului este considerat a fi o celulă de antet de grup la nivelul 1.
Descrierea tabelului/Rezumatul tabelului
Există o diferență între un rezumat de tabel și un rezumat de grup. Rezumatul tabelului este o descriere a tabelului. Rezumatul grupului este adesea reprezentat de un rând numit „Total” după un grup de date.
Secțiunea antet grup de rânduri
Un tabel poate conține doar un titlu de grup de rânduri. Locația sa este întotdeauna înaintea oricărui grup de rânduri de date. Titlul grupului de rânduri conține întotdeauna coloana antetului tabelului cu descrierea celulelor sale, dacă există. Dacă un tabel are două sau mai multe titluri de grup de rânduri, faceți o îmbinare sau împărțiți tabelul. Este posibil ca un tabel să nu aibă un titlu de grup de rânduri.
Coloanele definite în antetul grupului de rânduri trebuie să aibă o reprezentare bună a structurii fiecărei celule din toate grupurile de rânduri ulterioare.
Row Group
Găsiți toate datele și grupul de rânduri rezumate care au o legătură directă cu subtitrarea din tabel. Divizați fiecare grup separat de o linie
Identificați și aplicați o categorie pentru fiecare grup de rânduri
Grupul de rânduri rezumate are o dimensiune mai mică (numărul de rânduri) decât un grup de rânduri de date. Un grup de rânduri rezumate trebuie să fie asociat cel puțin unui grup de rânduri de date. Uneori, grupul de rânduri rezumate are un antet/celulă de date patern diferit pentru un rând comparativ cu un rând din grupul de rânduri de date. Uneori, grupul de rânduri rezumate este combinat/combinat cu celula antetului grupului.