Miksi navigointilinkkien ohittaminen on tärkeää?
Ohita navigointilinkit tarjoavat useita etuja:
- Parempi käytettävyys: Vähentää aputekniikoihin luottavien käyttäjien valikoissa liikkumiseen tarvittavaa vaivaa.
- Parannettu saavutettavuus: Varmistaa esteettömyysohjeiden, kuten WCAG:n ja ADA:n, noudattamisen.
- Parempi käyttökokemus: Helpottaa sivustossasi navigointia kaikille käyttäjille.
Vaiheittainen opas ohituslinkkien lisäämiseen
Vaihe 1: Lisää HTML ohituslinkkejä varten
Lisää ohituslinkin HTML-koodi sivustosi otsikkotiedoston yläosaan:
Siirry pääsisältöön
Varmista, että href attribuuttipisteet pääsisältösäilösi tunnukseen.
Vaihe 2: Lisää tunnus pääsisältöön
Etsi WordPress-teemassasi pääsisältösäilö ja lisää tunnus:
Vaihe 3: Tyyli Ohita linkki
Muotoile ohituslinkki varmistaaksesi, että se näkyy tarkennettuna. Lisää seuraava CSS teemaasi:
.skip-link { position: absoluuttinen; yläosa: -40px; vasen: 0; tausta: #000; väri: #fff; täyte: 10px; tekstikoristelu: ei mitään; z-indeksi: 100; } .skip-link:focus { alkuun: 0; }
Vaihe 4: Testaa Ohita linkki
Käytä näppäimistöä navigoidaksesi sivustollasi ja varmistaaksesi, että ohituslinkki näkyy ja toimii oikein. Paina Tab keskittyäksesi ohituslinkkiin ja Enter aktivoida se.
Parhaat käytännöt ohittaa navigointilinkkejä
- Aseta ohituslinkit ensin: Varmista, että ohituslinkki on ensimmäinen kohdistettava elementti sivulla.
- Käytä selkeitä tarroja: Linkkitekstin tulee osoittaa selvästi sen tarkoitus, esim. "Skip to Main Content".
- Testaa eri laitteiden välillä: Tarkista pöytätietokoneiden, tablettien ja mobiililaitteiden toimivuus.
Tapaustutkimukset: Ohita linkit toiminnassa
Tapaustutkimus 1: Koulutussivusto
Koulutusalusta otti käyttöön ohituslinkkejä, mikä johti parempaan navigointiin näytönlukuohjelmia käyttäville opiskelijoille ja 15 %:n parannuksia esteettömyyspisteisiin.
Tapaustutkimus 2: Verkkokauppa
Verkkokauppias lisäsi ohituslinkkejä navigointivalikkoonsa, mikä vähentää välitöntä poistumisprosenttia ja parantaa näppäimistön käyttäjien käytettävyyttä.
Usein kysytyt kysymykset: Ohita navigointilinkkien lisääminen
Mitä ovat ohituslinkit?
Ohita navigointilinkkien avulla käyttäjät voivat ohittaa toistuvat navigointivalikot ja siirtyä suoraan sivun pääsisältöön.
Vaaditaanko ohituslinkkejä esteettömyysvaatimusten noudattamiseksi?
Vaikka ohituslinkit eivät ole nimenomaisesti pakollisia, ne auttavat täyttämään WCAG:n ohjeet parantamalla aputekniikan käyttäjien navigointia.
Voinko lisätä ohituslinkkejä muokkaamatta koodia?
Kyllä, jotkut esteettömyyslaajennukset, kuten WP One Tap Accessibility Plugin voi lisätä ohituslinkkejä automaattisesti.
Toimivatko ohituslinkit mobiililaitteissa?
Kyllä, oikein toteutettuina ohituslinkit toimivat kaikilla laitteilla, myös mobiililaitteilla.
Kuinka testaan ohituslinkkejä?
Käytä näppäimistöä navigoidaksesi sivustollasi ja varmistamalla, että ohituslinkki on tarkennettavissa ja toimiva.
