Otsikkoteksti
Silktide tarkistaa, että jokaisessa sivujesi otsikossa on luettavaa tekstiä. Tyhjä otsikko ilmoittaa osioista, jota ei ole olemassa, ja se piilottaa usein sisältöä, jonka oli tarkoitus olla otsikko.
otsikot (<h1>–<h6>) jäsentävät sivun rakennetta. Tyhjiä otsikoita syntyy yleensä, kun malli hahmontaa otsikon, jonka sisältöä ei koskaan täytetty, tai kun otsikko sisältää vain kuvan, jolla ei ole .
<!-- Ongelma: otsikko, jossa ei ole mitään -->
<h2> </h2>
<!-- Ongelma: kuvalla ei ole vaihtoehtoista tekstiä, joten otsikko on äänetön -->
<h2><img src="press.png" alt=""></h2>
Miksi tällä on merkitystä
käyttävät ihmiset selaavat sivua usein siirtymällä otsikosta toiseen. Tyhjä otsikko ilmoitetaan muodossa "otsikkotaso 2" ilman mitään sen jälkeen – se on sivun jäsennyksen turha kohta, joka katkaisee navigoinnin rytmin ja saa kuuntelijan pohtimaan, mitä häneltä jäi huomaamatta. Kun otsikko sisältää nimeämättömän kuvan, näkevät kävijät näkevät otsikon, jota käyttäjät eivät koskaan saa.
Näin korjaat sen
- Jos otsikossa pitäisi olla tekstiä, lisää se CMS:ään tai koodiin.
- Jos otsikko sisältää otsikkona toimivan kuvan, anna kuvalle vaihtoehtoinen teksti:
<!-- Korjattu: kuvan alt-tekstistä tulee otsikkoteksti -->
<h2><img src="press.png" alt="Lehdistötiedotteet"></h2>
- Jos otsikolla ei ole mitään tarkoitusta – esimerkiksi se on tyhjä mallipaikka tai vain välistykseen käytetty otsikko – poista elementti kokonaan. Käytä välistykseen CSS:ää, älä tyhjiä tageja.
Näin Silktide testaa tämän
- Etsi jokaiselta sivulta jokainen otsikkoelementti (
<h1>–<h6>). - Kerää kunkin otsikon teksti, mukaan lukien sen sisällä olevien kuvien vaihtoehtoinen teksti sekä teksti, jonka verkkokomponentti sijoittaa siihen slotin kautta.
- Raportoi jokainen otsikko, jonka sisällössä ei ole kirjaimia tai numeroita – siis myös otsikot, jotka sisältävät vain välilyöntejä tai välimerkkejä, lasketaan tyhjiksi.