Siirry sisältöön

Silktide tarkistaa, että jokaisella sivulla kävijöille tarjotaan tapa siirtyä suoraan pääsisältöön toistuvien otsakkeiden ja navigoinnin ohi. Tämä on yleensä sivun yläreunassa oleva ”siirry sisältöön” -linkki tai pääsisällön maamerkki.

<!-- Pääsisältöön osoittava ohituslinkki -->
<a href="#main">Siirry pääsisältöön</a>
...
<main id="main">
  <h1>Tervetuloa</h1>
</main>

Miksi tämä on tärkeää

Monet ihmiset kokevat sivut järjestyksessä: käyttäjä kuulee sisällön järjestyksessä, ja näppäimistöä käyttävä henkilö siirtyy sarkaimella jokaisen linkin läpi. Koska useimmat sivustot toistavat saman otsakkeen ja navigoinnin jokaisella sivulla, näiden käyttäjien on käytävä ne läpi uudelleen jokaisella sivulla – sokea kävijä saattaa joutua kuuntelemaan kymmeniä tai satoja navigointilinkkejä ennen sisällön saavuttamista. Ohituslinkki tai pääsisällön maamerkki poistaa tämän vaivan.

Ohituslinkkien ei tarvitse näkyä kaikille. Yleinen tapa on pitää linkki piilotettuna, kunnes se saa , joten se ei vaikuta ulkoasuusi.

Näin korjaat sen

Lisää sivun aivan alkuun linkki, joka osoittaa pääsisältösi alkuun, esimerkiksi <a href="#main">Siirry pääsisältöön</a>.
Varmista, että kohde on olemassa: fragmentin on vastattava todellisen elementin id-tunnistetta, ja kohde-elementin on oltava näkyvissä.
Vaihtoehtoisesti (tai lisäksi) merkitse pääsisältösi <main>-elementillä tai role="main" -attribuutilla – kumpikin täyttää tämän tarkistuksen yksinään.
Paras käytäntö on yhdistää nämä kaksi: ohituslinkki, joka osoittaa <main>-maamerkkiin. Tämä toimii mahdollisimman monissa selaimissa ja avustavissa teknologioissa:

<a href="#main">Siirry pääsisältöön</a>
...
<main id="main">...</main>

Näin Silktide testaa tämän

Ohita sivut, joilla on alle 500 näkyvää tekstimerkkiä – sisältöä on liian vähän, jotta sen ohi pitäisi siirtyä.
Etsi linkki, joka osoittaa samalla sivulla olevaan fragmenttiin (kuten #main). Jotta linkki huomioidaan, se ei saa sijaita muun tekstin vieressä (mikä viittaisi siihen, että se on osa virkettä eikä navigointiapu), ja sen on oltava joko näkyvissä tai piilotettu ruudunlukijaystävällisellä tavalla.
Linkin tekstiä ei tarkoituksella tutkita, jotta tarkistus toimii kaikilla kielillä.
Ilmoita ongelmasta, kun:
- Linkin fragmentti osoittaa id-tunnisteeseen, jota ei ole sivulla (rikkinäinen ohituslinkki).
- Linkki näkyy vasta yli 500 näkyvän tekstimerkin jälkeen, jolloin se on liian myöhässä säästääkseen käyttäjän vaivaa.
- Ohituslinkkiä ei ole eikä sivulla ole <main>- tai role="main"-maamerkkiä.

Vianmääritys

Minulla on ohituslinkki, mutta tarkistus epäonnistuu silti

Tarkista yllä olevat kolme epäonnistumistapausta: yleisimmät syyt ovat fragmentti, joka osoittaa id-tunnisteeseen, jota ei enää ole olemassa, näkymätön kohde-elementti sekä evästeilmoitus tai muu sisältö, joka siirtää linkin yli 500 merkin päähän sivun alusta.

Sisältöni alkaa sivun yläreunasta

Jos sivulla on alle 500 näkyvää tekstimerkkiä, se ohitetaan automaattisesti. Pidemmillä sivuilla tarvitaan silti ohituslinkki tai pääsisällön maamerkki, vaikka sisältö alkaisi aikaisin, koska Silktide ei voi luotettavasti päätellä, ettei sitä edellä navigointia.