Taulukon otsikoiden laajuudet
Silktide tarkistaa, että jokainen taulukon otsikkosolu ilmoittaa, minkä otsikko se on – sarakkeen, rivin tai niiden ryhmän. Tämä kertoo , mihin soluihin kukin otsikko liittyy.
<th>-otsikkosolu voi olla sarakkeen,
rivin tai sarake- tai riviryhmän otsikko. scope-attribuutti kertoo, mikä näistä on kyseessä,
poistaen taulukon rakenteeseen liittyvän epäselvyyden.
<!-- Ongelma: mikään ei kerro, onko "Nimi" sarakkeen vai rivin otsikko -->
<th>Nimi</th>
<!-- Korjattu: scope tekee tämän yksiselitteiseksi -->
<th scope="col">Nimi</th>
Miksi tämä on tärkeää
ilmoittaa asiaankuuluvat otsikot jokaisen solun yhteydessä, kun käyttäjä siirtyy taulukossa. Tätä varten sen on tiedettävä, mihin soluihin kukin otsikko liittyy. Taulukoissa, joissa on sekä sarake- että riviotsikoita tai usean solun ryhmän kattavia otsikoita, otsikko ilman laajuutta pakottaa näytönlukijan arvaamaan – ja kun se arvaa väärin, arvot ilmoitetaan väärässä asiayhteydessä tai ilman asiayhteyttä.
Korjausohjeet
Lisää scope-attribuutti jokaiseen <th>-soluun. Sallitut arvot ovat:
col– otsikko koskee sen alla olevaa saraketta.row– otsikko koskee sen vieressä olevaa riviä.colgroup– otsikko koskee sarakeryhmää.rowgroup– otsikko koskee riviryhmää.
<table>
<tr>
<th scope="col">Nimi</th>
<th scope="col">Ikä</th>
</tr>
<tr>
<th scope="row">Bob</th>
<td>35</td>
</tr>
</table>
Näin Silktide testaa tämän
- Etsi jokaiselta sivulta kaikki
<th>-otsikkosolut. - Raportoi jokainen solu, josta
scope-attribuutti puuttuu tai jonka arvo ei olerow,col,rowgrouptaicolgroup.
Vianmääritys
Yksinkertainen taulukkoni toimii hyvin ilman laajuuksia
Jos taulukossa on yksi otsikoita sisältävä ylärivi, selaimet ja näytönlukijat pystyvät yleensä päättelemään rakenteen. Selkeästi määritetyt laajuudet poistavat silti kaiken epäselvyyden, eivät aiheuta kustannuksia ja suojaavat sinua, jos taulukosta tehdään myöhemmin monimutkaisempi, joten Silktide pyytää niitä jokaiseen otsikkosoluun. Jos päätät, että tietty taulukko on sellaisenaan kunnossa, voit havainnon.