Töflufyrirsagnir

Silktide prófar hvort töflur sem birta gögn skilgreini fyrirsagnarreiti. Fyrirsagnir segja fólki sem notar hvað hver röð og dálkur merkir — eitthvað sem sjáandi lesendur átta sig á út frá uppsetningu töflunnar.

Hugsum okkur töflu með eftirnöfnum og borgum. Án fyrirsagnaraðar gæti gildið „Washington“ átt við hvort sem er — merkingin verður ekki skýr fyrr en dálkarnir eru merktir.

<!-- Vandamál: fyrirsagnir eru venjulegir reitir og hafa því enga merkingu -->
<table>
  <tr>
    <td>Eftirnafn</td>
    <td>Borg</td>
  </tr>
  <tr>
    <td>Washington</td>
    <td>London</td>
  </tr>
</table>

Hvers vegna þetta skiptir máli

fer í gegnum töflu einn reit í einu. Þegar fyrirsagnir eru skilgreindar getur hann lesið viðeigandi fyrirsögn upp ásamt hverju gildi, þannig að „London“ er lesið sem „Borg: London“. Án fyrirsagna heyrir hlustandinn einungis óslitna runu gilda og þarf að leggja uppsetningu töflunnar á minnið til að skilja þau — og fyrir stærri töflur er það nánast ómögulegt.

Það er ekki nóg að hafa efstu röðina feitletraða eða í öðrum lit. Sjónræn framsetning hefur enga merkingu fyrir hjálpartækni; aðeins undirliggjandi hefur það.

Hvernig á að laga þetta

Breyttu hverjum fyrirsagnarreit úr <td> í <th> og bættu við scope-eigindi sem segir til um hvort reiturinn eigi við dálk eða röð:

<!-- Lagfært: fyrirsagnir eru raunverulegir fyrirsagnareitir -->
<table>
  <tr>
    <th scope="col">Eftirnafn</th>
    <th scope="col">Borg</th>
  </tr>
  <tr>
    <td>Washington</td>
    <td>London</td>
  </tr>
</table>

Ef taflan sýnir alls engin gögn og er eingöngu notuð til að raða síðunni upp sjónrænt skaltu bæta role="presentation" við <table>-eininguna svo hjálpartækni hunsi uppbyggingu hennar. Enn betra er að skipta út uppsetningartöflum fyrir CSS — þær eru eindregið ekki ráðlagðar í nútímavefhönnun.

Hvernig Silktide prófar þetta

Finna allar töflur á hverri síðu.
Sleppa töflum sem eru merktar sem sjónrænar með role="presentation".
Sleppa töflum með aðeins einni röð eða einum dálki, þar sem ólíklegt er að um gagnatöflur sé að ræða.
Tilkynna um hverja töflu sem eftir stendur og inniheldur engan <th>-fyrirsagnareit.

Úrræðaleit

Taflan mín er með fyrirsagnir en þær eru `<td>`-reitir með stílsniði

Reitir sem líta aðeins út eins og fyrirsagnir teljast ekki með. Hjálpartækni getur ekki séð leturgerðir eða liti; breyttu reitunum í <th>.

Tilkynnt er um uppsetningartöfluna mína

Silktide sleppir aðeins uppsetningartöflum sem skilgreina role="presentation". Ef tafla er í raun eingöngu til sjónrænnar framsetningar skaltu bæta eigindinni við — eða skipta töflunni út fyrir CSS-uppsetningu.