Kodėl svarbu praleisti naršymo nuorodas
Praleisti naršymo nuorodas suteikia keletą privalumų:
- Patobulintas naudojimas: Sumažina pastangų naršyti meniu naudotojams, kurie naudojasi pagalbinėmis technologijomis.
- Patobulintas prieinamumas: Užtikrina, kad būtų laikomasi prieinamumo gairių, tokių kaip WCAG ir ADA.
- Geresnė vartotojo patirtis: Visiems vartotojams lengviau naršyti svetainėje.
Žingsnis po žingsnio vadovas, kaip pridėti praleistas naršymo nuorodas
1 veiksmas: pridėkite praleistų nuorodų HTML
Pridėkite praleidimo nuorodos HTML savo svetainės antraštės failo viršuje:
Pereiti prie pagrindinio turinio
Užtikrinkite href priskirti taškus pagrindinio turinio sudėtinio rodinio ID.
2 veiksmas: pridėkite ID prie pagrindinio turinio
„WordPress“ temoje suraskite pagrindinį turinio konteinerį ir pridėkite ID:
3 veiksmas: sukurkite praleisti saito stilių
Sukurkite praleidimo nuorodos stilių, kad ji būtų matoma sufokusavus. Pridėkite šį CSS prie savo temos:
.skip-link { pozicija: absoliuti; viršuje: -40 pikselių; kairėje: 0; fonas: #000; spalva: #fff; pamušalas: 10px; tekstas-dekoravimas: nėra; z indeksas: 100; } .skip-link:focus { viršų: 0; }
4 veiksmas: išbandykite praleisti nuorodą
Naudodami klaviatūrą naršykite svetainę ir patikrinkite, ar rodoma ir tinkamai veikia praleidimo nuoroda. Paspauskite Tab kad sutelktumėte dėmesį į praleidimo nuorodą ir Enter jį suaktyvinti.
Geriausia praleisti naršymo nuorodas praktika
- Pirmiausia įdėkite praleistas nuorodas: Įsitikinkite, kad praleidimo nuoroda yra pirmasis sufokusuojamas elementas puslapyje.
- Naudokite aiškias etiketes: Nuorodos tekstas turi aiškiai nurodyti jos paskirtį, pvz., „Pereiti į pagrindinį turinį“.
- Išbandyti įvairiuose įrenginiuose: Patikrinkite funkcionalumą staliniuose kompiuteriuose, planšetiniuose kompiuteriuose ir mobiliuosiuose įrenginiuose.
Atvejo analizės: praleiskite veikiančias nuorodas
1 atvejo analizė: mokomoji svetainė
Švietimo platformoje įdiegtos praleidžiamosios nuorodos, todėl mokiniai, naudojantys ekrano skaitytuvus, gali geriau naršyti, o pritaikymo neįgaliesiems balai pagerėjo 15 %.
2 atvejo analizė: el. prekybos parduotuvė
Internetinis mažmenininkas į savo naršymo meniu įtraukė praleidimo nuorodas, sumažindamas atmetimo rodiklius ir pagerindamas klaviatūros naudotojų patogumą.
DUK: Praleisti naršymo nuorodų pridėjimas
Kas yra praleistos naršymo nuorodos?
Praleisti naršymo nuorodas leidžia vartotojams apeiti pasikartojančius naršymo meniu ir eiti tiesiai į pagrindinį puslapio turinį.
Ar reikia praleisti nuorodas, kad būtų laikomasi pritaikymo neįgaliesiems?
Praleidžiamosios nuorodos, nors tai nėra aiškiai reikalaujama, padeda atitikti WCAG gaires, nes pagerina pagalbinių technologijų naudotojų naršymą.
Ar galiu pridėti praleidimo nuorodas neredaguodamas kodo?
Taip, kai kurie pritaikymo neįgaliesiems įskiepiai patinka WP One Tap pritaikymo neįgaliesiems papildinys gali automatiškai pridėti praleidimo nuorodas.
Ar praleistos nuorodos veikia mobiliuosiuose įrenginiuose?
Taip, tinkamai įdiegus, praleistos nuorodos veikia visuose įrenginiuose, įskaitant mobiliuosius.
Kaip patikrinti praleistas naršymo nuorodas?
Norėdami naršyti svetainėje, naudokite klaviatūrą ir įsitikinkite, kad praleidimo nuoroda yra fokusuojama ir veikia.
