Zakaj je preskok navigacijskih povezav pomemben
Povezave za preskok navigacije nudijo številne prednosti:
- Izboljšana uporabnost: Zmanjša napor, potreben za krmarjenje po menijih za uporabnike, ki se zanašajo na podporne tehnologije.
- Izboljšana dostopnost: Zagotavlja skladnost s smernicami za dostopnost, kot sta WCAG in ADA.
- Boljša uporabniška izkušnja: Omogoča lažjo navigacijo po vašem spletnem mestu za vse uporabnike.
Vodnik po korakih za dodajanje povezav za preskok navigacije
1. korak: Dodajte HTML za preskočne povezave
Dodajte HTML za povezavo za preskok na vrh datoteke glave vašega spletnega mesta:
Preskoči na glavno vsebino
Zagotovite href kaže na ID vašega vsebnika glavne vsebine.
2. korak: glavni vsebini dodajte ID
V svoji temi WordPress poiščite vsebnik glavne vsebine in dodajte ID:
3. korak: Oblikujte preskočno povezavo
Oblikujte povezavo za preskok, da bo vidna, ko je fokus. Svoji temi dodajte naslednji CSS:
.skip-link { položaj: absolutno; zgoraj: -40px; levo: 0; ozadje: #000; barva: #fff; oblazinjenje: 10px; tekst-dekoracija: brez; z-indeks: 100; } .skip-link:focus { top: 0; }
4. korak: preizkusite povezavo za preskok
Uporabite tipkovnico za navigacijo po spletnem mestu in preverite, ali se povezava za preskok prikaže in deluje pravilno. Pritisnite Tab da se osredotočite na povezavo za preskok in Enter da ga aktivirate.
Najboljše prakse za preskočne navigacijske povezave
- Najprej postavite preskočne povezave: Prepričajte se, da je povezava za preskok prvi element na strani, ki ga je mogoče fokusirati.
- Uporabite jasne oznake: Besedilo povezave mora jasno navajati njen namen, npr. »Preskoči na glavno vsebino«.
- Preizkus v več napravah: Preverite delovanje na namiznih računalnikih, tablicah in mobilnih napravah.
Študije primerov: Preskoči povezave v akciji
Študija primera 1: Izobraževalna spletna stran
Izobraževalna platforma je implementirala preskočne povezave, kar je prineslo boljšo navigacijo za študente, ki uporabljajo bralnike zaslona, in 15-odstotno izboljšanje rezultatov dostopnosti.
Študija primera 2: E-trgovina
Spletni prodajalec je v svoj navigacijski meni dodal povezave za preskok, s čimer je zmanjšal stopnjo obiskov ene strani in izboljšal uporabnost za uporabnike tipkovnic.
Pogosta vprašanja: Dodajanje povezav za preskok navigacije
Kaj so povezave za preskok navigacije?
Povezave za preskok navigacije omogočajo uporabnikom, da obidejo ponavljajoče se navigacijske menije in gredo neposredno na glavno vsebino strani.
Ali so za skladnost s posebnimi potrebami potrebne preskočne povezave?
Čeprav niso izrecno obvezne, povezave za preskok pomagajo izpolnjevati smernice WCAG z izboljšanjem navigacije za uporabnike podporne tehnologije.
Ali lahko dodam preskočne povezave brez urejanja kode?
Da, nekateri vtičniki za dostopnost, kot je WP One Tap Accessibility Plugin lahko samodejno doda povezave za preskok.
Ali preskočne povezave delujejo na mobilnih napravah?
Da, če je pravilno implementirano, preskočne povezave delujejo na vseh napravah, vključno z mobilnimi.
Kako preizkusim povezave za preskok navigacije?
Za krmarjenje po spletnem mestu uporabite tipkovnico in zagotovite, da je povezava za preskok osredotočena in funkcionalna.
