Taulukon identtiset yhteenveto ja otsikko
Silktide tarkistaa taulukot, joilla on sekä summary-attribuutti että otsikko, ja raportoi ne, joissa molemmissa lukee täsmälleen sama asia. Niillä kummallakin on eri tarkoitus, joten toisen kopioiminen toiseen luo vain toistoa.
<caption>-elementti on taulukon
näkyvä otsikko, kun taas summary-attribuutti on näkymätön kuvaus,
joka on tarkoitettu selittämään taulukon rakenne
käyttäjille.
<!-- Ongelma: yhteenveto vain toistaa otsikon -->
<table summary="Aukioloajat">
<caption>Aukioloajat</caption>
...
</table>
Miksi tällä on merkitystä
Näytönlukijat ilmoittavat sekä otsikon että yhteenvedon, kun kuuntelija saapuu taulukkoon. Kun ne ovat identtisiä, sama teksti luetaan kahdesti, mikä tuhlaa kuuntelijan aikaa ja antaa ymmärtää, että yhteenveto on täytetty vain muodollisuuden vuoksi eikä auttamaan. Hyödyllinen yhteenveto lisää jotain, mitä otsikossa ei ole: miten taulukko on järjestetty tai miten sitä kannattaa lukea.
Kuinka korjata se
- Poista joko
summary-attribuutti ja säilytä otsikko, tai - Kirjoita yhteenveto uudelleen niin, että se täydentää otsikkoa kuvaamalla taulukon rakennetta:
<!-- Korjattu: yhteenveto lisää tietoa rakenteesta -->
<table summary="Päivät ensimmäisessä sarakkeessa, aamu- ja iltapäivän aukioloajat toisessa ja kolmannessa">
<caption>Aukioloajat</caption>
...
</table>
Huomaa, että summary-attribuutti on peräisin HTML 4:stä ja vanhentunut
nykyisessä HTML:ssä, joten sen poistaminen on usein parempi pitkän aikavälin
ratkaisu. Taulukkoa edeltävä näkyvä kappale voi sisältää saman selityksen
kaikille.
Miten Silktide testaa tämän
- Etsi jokaisen sivun kaikki taulukot.
- Ohita taulukot, jotka on merkitty esityksellisiksi attribuutilla
role="presentation". - Ohita taulukot, joilta puuttuu
summary-attribuutti tai<caption>. - Vertaa kahta tekstiä kirjainkokoa ja ylimääräisiä välilyöntejä huomioimatta, ja raportoi taulukko, jos ne ovat identtisiä.