Siirry sisältöön
SilktideOhje

Merkityksellinen järjestys (HTML)

Jokaisen sivun pitäisi olla ymmärrettävä myös silloin, kun sen sisältö koetaan suorana linjana taustalla olevan koodin yläosasta alaosaan. Silktide ei voi arvioida tätä automaattisesti, joten tämä tarkistus pyytää sinua varmistamaan sen itse.

Sivun visuaalinen asettelu ja sen voivat olla ristiriidassa keskenään. Tyyleillä voidaan sijoittaa elementti mihin tahansa näytöllä, mutta lukee sivun siinä järjestyksessä, jossa on kirjoitettu. Kun nämä poikkeavat toisistaan – sivupalkki on kirjoitettu ennen sisältöä, jota se kommentoi, tai hinnat on erotettu tuotteista, joihin ne kuuluvat – sivu voi olla harhaanjohtava kaikille, jotka kokevat sen lineaarisesti.

Miksi tämä on tärkeää

Monet kävijät kokevat sivusi järjestyksenä eivätkä asetteluna: ruudunlukuohjelmaa kuuntelevat ihmiset, näppäimistöllä liikkuvat ihmiset ja sisältöä uudelleenjärjestävät laitteet. Jos merkitys riippuu vain visuaalisesta sijoittelusta, nämä kävijät voivat kuulla ohjeet niiden vaiheiden jälkeen, joihin ne liittyvät, tai vastaukset irrallaan kysymyksistään – kaikki sisältö on olemassa, mutta sen kertoma tarina on väärä.

Kuinka korjata se

Tämä on manuaalinen tarkistus. Varmista sivu seuraavasti:

  1. Lue sivu ruudunlukuohjelmalla tai käytä selaimesi lukutilaa ja tarkista, että kuulemasi kertoo saman tarinan kuin näkemäsi.
  2. Voit myös poistaa -tyylit käytöstä selaimesi kehittäjätyökaluissa ja lukea sivun pelkkänä sisältönä ylhäältä alas.
  3. Jos järjestys on väärä, järjestä HTML:n elementit uudelleen siten, että lähdejärjestys vastaa merkitystä, ja käytä CSS:ää visuaaliseen sijoitteluun. Ole varovainen CSS:n kanssa, joka järjestää sisältöä visuaalisesti uudelleen, kuten flexboxin order – se muuttaa sitä, mitä ihmiset näkevät, muuttamatta sitä, mikä luetaan ääneen.

Miten Silktide testaa tämän

Silktide ei voi määrittää automaattisesti, vastaako sivun lukemisjärjestys sen merkitystä, joten tämä tarkistus luo yhden tarkistuskohteen sivua kohden, jotta voit vahvistaa sen manuaalisesti. Kun olet varmistanut sivun, merkitse tarkistus valmiiksi.

Lisätietoja

Viimeksi päivitetty

Oliko tästä sivusta apua?