Cerință WCAG A/AA Prioritate: Minor · verificare experimentală: merită verificată manual
Titlul unui tabel este scris într-o celulă a tabelului
Un tabel de date, de exemplu un tabel de mărimi sau o listă de prețuri, are titlul într-un prim rând de celule îmbinate în loc de o legendă corectă a tabelului.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Cititoarele de ecran anunță legenda tabelului când clientul ajunge la el, astfel încât știe imediat despre ce este vorba. Un titlu într-o celulă este citit ca date, încurcă structura coloanelor și face cifrele mai greu de urmărit.
Pe cine afectează
- clienți nevăzători
- utilizatori de cititoare de ecran
Cum se remediază
Mutați titlul din celule într-un element <caption> plasat imediat după eticheta de deschidere <table>, de exemplu <caption>Tabel de mărimi, tricouri damă</caption>, și eliminați primul rând îmbinat (celula cu colspan). Dacă este nevoie, stilizați legenda prin CSS ca să arate ca înainte.
În Shopify
De obicei un tabel de mărimi sau alt tabel lipit în descrierea produsului sau într-o pagină ori generat de o aplicație. Corectați HTML-ul tabelului în vizualizarea de cod a editorului sau cereți dezvoltatorului aplicației să genereze <caption>.
În Shoptet (CZ)
De obicei un tabel lipit în descrierea produsului sau într-un articol. Corectați HTML-ul tabelului în vizualizarea codului sursă din editor.
În PrestaShop
De obicei un tabel în descrierea produsului, într-o pagină CMS sau într-un modul. Corectați HTML-ul în vizualizarea codului sursă din editor sau în șablonul .tpl al modulului.
În WooCommerce
De obicei un plugin de tabele sau HTML lipit în descrierea produsului. Verificați dacă pluginul are o opțiune de titlu sau legendă a tabelului care generează <caption>; altfel corectați HTML-ul tabelului.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 1.3.1 (A) Info and Relationships |
| WCAG 2.1 | 1.3.1 (A) Info and Relationships |
| WCAG 2.0 | 1.3.1 (A) Info and Relationships |
| EN 301 549 4.1.1 | 9.1.3.1 |
| EN 301 549 3.2.1 | 9.1.3.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.3.1 |
Verificare automată: regula axe-core table-fake-caption.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele antete de tabel nu descriu nicio dată
WCAG 1.3.1 A
-
Un element de listă se află în afara unei liste
WCAG 1.3.1 A
-
Atributele de accesibilitate sunt scrise greșit
WCAG 4.1.2 A
-
Unele videoclipuri sau sunete pornesc singure, cu sonor
WCAG 1.4.2 A