Miks on oluline navigeerimislinkide vahelejätmine
Navigeerimislinkide vahelejätmine pakub mitmeid eeliseid:
- Täiustatud kasutatavus: Vähendab menüüdes navigeerimiseks vajalikku pingutust kasutajatel, kes tuginevad abitehnoloogiatele.
- Täiustatud juurdepääsetavus: Tagab vastavuse ligipääsetavuse suunistele, näiteks WCAG-le ja ADA-le.
- Parem kasutajakogemus: Muudab teie saidi navigeerimise kõigi kasutajate jaoks lihtsamaks.
Samm-sammult juhend vahelejätmise navigeerimislinkide lisamiseks
1. samm: lisage vahelejätmislinkidele HTML-kood
Lisa vahelejätmislingi HTML oma saidi päisefaili ülaossa:
Jäta vahele ja mine põhisisu juurde
Veenduge href omista punktid oma peamise sisukonteineri ID-le.
2. samm: lisage põhisisule ID
Leidke oma WordPressi teemas peamine sisukonteiner ja lisage ID:
3. samm: kujundage vahelejätmise link
Stiilige vahelejätmise link nii, et see oleks fookuses nähtav. Lisage oma teemale järgmine CSS:
.skip-link { positsioon: absoluutne; ülemine: -40px; vasak: 0; taust: #000; värv: #fff; täidis: 10px; tekstikaunistused: puuduvad; z-index: 100; } .skip-link:focus { ülemine: 0; }
4. samm: testige vahelejätmise linki
Kasutage saidil navigeerimiseks klaviatuuri ja veenduge, et vahelejätmislink kuvatakse ja toimib õigesti. Vajutage Tab keskenduma vahelejätmise lingile ja Enter selle aktiveerimiseks.
Navigeerimislinkide vahelejätmise parimad tavad
- Aseta vahelejätmise lingid esimeseks: Veenduge, et vahelejätmislink oleks lehe esimene fokuseeritav element.
- Kasutage selgeid silte: Lingi tekst peaks selgelt näitama selle eesmärki, nt „Jäta vahele ja mine põhisisu juurde”.
- Testige seadmete vahel: Kontrollige funktsionaalsust lauaarvutites, tahvelarvutites ja mobiilseadmetes.
Juhtumiuuringud: Skip Links tegevuses
Juhtumiuuring 1: Haridusalane veebisait
Haridusplatvorm võttis kasutusele vahelejätmislingid, mille tulemuseks oli ekraanilugejaid kasutavate õpilaste jaoks parem navigeerimine ja ligipääsetavuse skooride 15% paranemine.
Juhtumiuuring 2: E-kaubanduse pood
Veebipood lisas oma navigeerimismenüüsse vahelejätmislingid, vähendades põrkemäärasid ja parandades klaviatuurikasutajate kasutatavust.
KKK: Navigeerimislinkide vahelejätmine
Mis on vahelejätmise navigeerimislingid?
Navigeerimislinkide vahelejätmine võimaldab kasutajatel korduvaid navigeerimismenüüsid vahele jätta ja minna otse lehe põhisisu juurde.
Kas ligipääsetavuse tagamiseks on vaja vahelejätmislinke?
Kuigi see pole otseselt nõutud, aitavad vahelejätmislingid täita WCAG suuniseid, parandades abitehnoloogia kasutajate navigeerimist.
Kas ma saan lisada vahelejätmislinke ilma koodi muutmata?
Jah, mõned ligipääsetavuse pluginad, näiteks WP One Tap Accessibility Plugin saab automaatselt vahelejätmislinke lisada.
Kas vahelejätmislingid töötavad mobiilseadmetes?
Jah, kui need on õigesti rakendatud, toimivad vahelejätmislingid kõigis seadmetes, sealhulgas mobiiltelefonides.
Kuidas testida navigeerimislinkide vahelejätmist?
Kasutage saidil navigeerimiseks klaviatuuri ja veenduge, et vahelejätmislink oleks fokuseeritav ja toimiv.
