1.3.1 Tabuľky súhrnu a výpočtu dane nemajú hlavičkové bunky
Popis problému:
Stránka „Súhrn a kontrola vyplnených údajov“ zobrazuje vyplnené údaje v 12 tabuľkách <table class="govuk-table"> (napríklad „Príjmy a odvody SZČO“, „Zamestnanie v SR za rok 2025“, „Zvýhodnenie na manželku / manžela“). Každý riadok tvoria dve bunky <td> — názov údaju a hodnota (<td>Príjmy</td><td>24 000,00 EUR</td>); tabuľky nemajú ani jednu hlavičkovú bunku <th> ani popis <caption>, názov časti je samostatný nadpis <h2> pred tabuľkou.
Stránka „Výpočet dane za rok 2025“ má tri tabuľky s popisom („Príjmy zo zamestnania a živnosti“, „Príjmy z prenájmu nehnuteľností“, „Daň na úhradu / daňový preplatok“), ale tiež bez hlavičkových buniek; každá je navyše v elemente <div id="summary">, takže identifikátor summary je na stránke trikrát.
Dopad:
Vidiaci používateľ vidí, že hodnota v pravom stĺpci patrí k názvu v ľavom stĺpci. Čítač obrazovky pri pohybe po bunkách tabuľky (napríklad po stĺpci hodnôt) názov riadku neoznámi, takže používateľ počuje iba sumy „24 000,00 EUR“, „3 600,00 EUR“ bez toho, k čomu patria — práve na stránkach, kde má údaje skontrolovať pred podaním priznania. Vzťah názvu a hodnoty nie je programovo určený. Postihnutí sú nevidiaci a ťažko slabozrakí používatelia čítačov obrazovky.
Závažnosť: stredná — údaje sú čitateľné po riadkoch, chýba však ich programový vzťah pri navigácii po tabuľke.
Efektívne riešenie:
Pre splnenie kritéria úspešnosti je potrebné bunky s názvom údaju označiť ako hlavičky riadkov <th scope="row">:
<tr class="govuk-table__row"><th scope="row" class="govuk-table__header">Príjmy</th><td class="govuk-table__cell">24 000,00 EUR</td></tr>
Alternatívne je možné dvojice názov – hodnota zapísať ako zoznam popisov <dl> (komponent *Summary list* v GOV.UK Design System), ktorý zodpovedá aj dizajnu stránky. Názov časti je vhodné priradiť k tabuľke ako <caption>; identifikátor summary je potrebné použiť iba raz alebo ho nahradiť triedou.
