Zašto je važno preskočiti navigacijske veze
Veze za preskakanje navigacije pružaju nekoliko prednosti:
- Poboljšana upotrebljivost: Smanjuje napor potreban za navigaciju kroz izbornike za korisnike koji se oslanjaju na pomoćne tehnologije.
- Poboljšana pristupačnost: Osigurava usklađenost sa smjernicama za pristupačnost kao što su WCAG i ADA.
- Bolje korisničko iskustvo: Čini vašu stranicu lakšom za navigaciju svim korisnicima.
Vodič korak po korak za dodavanje veza za preskakanje navigacije
Korak 1: Dodajte HTML za veze za preskakanje
Dodajte HTML za vezu za preskakanje na vrhu datoteke zaglavlja vaše web-lokacije:
Prijeđi na glavni sadržaj
Osigurajte href atribut pokazuje na ID vašeg glavnog spremnika sadržaja.
Korak 2: Dodajte ID glavnom sadržaju
U svojoj WordPress temi pronađite glavni spremnik sadržaja i dodajte ID:
Korak 3: Stilizirajte vezu za preskakanje
Stilizirajte vezu za preskakanje kako bi bila vidljiva kada je fokusirana. Dodajte sljedeći CSS svojoj temi:
.skip-link { pozicija: apsolutna; gore: -40px; lijevo: 0; pozadina: #000; boja: #fff; ispuna: 10px; tekst-ukras: nema; z-indeks: 100; } .skip-link:focus { top: 0; }
Korak 4: Testirajte vezu za preskakanje
Upotrijebite tipkovnicu za navigaciju web-stranicom i provjerite prikazuje li se poveznica za preskakanje i radi li ispravno. Pritisnite Tab da se usredotočite na vezu za preskakanje i Enter za aktiviranje.
Najbolji postupci za preskakanje navigacijskih veza
- Prvo postavite veze za preskakanje: Pobrinite se da veza za preskakanje bude prvi element koji se može fokusirati na stranici.
- Koristite jasne oznake: Tekst veze trebao bi jasno naznačiti njezinu svrhu, npr. "Preskoči na glavni sadržaj".
- Testiranje na više uređaja: Provjerite funkcionalnost na stolnim računalima, tabletima i mobilnim uređajima.
Studije slučaja: Skip Links in Action
Studija slučaja 1: Obrazovna web stranica
Obrazovna platforma implementirala je veze za preskakanje, što je rezultiralo boljom navigacijom za studente koji koriste čitače zaslona i 15% poboljšanja u rezultatima pristupačnosti.
Studija slučaja 2: Trgovina e-trgovine
Mrežni trgovac dodao je veze za preskakanje na svoj navigacijski izbornik, smanjujući stope odustajanja i poboljšavajući upotrebljivost za korisnike tipkovnice.
Često postavljana pitanja: Dodavanje veza za preskakanje navigacije
Što su veze za preskakanje navigacije?
Veze za preskakanje navigacije omogućuju korisnicima da zaobiđu navigacijske izbornike koji se ponavljaju i odu izravno na glavni sadržaj stranice.
Jesu li veze za preskakanje potrebne za usklađenost s pristupačnošću?
Iako nisu izričito potrebne, veze za preskakanje pomažu u ispunjavanju smjernica WCAG-a poboljšavajući navigaciju za korisnike pomoćne tehnologije.
Mogu li dodati veze za preskakanje bez uređivanja koda?
Da, neki dodaci za pristupačnost poput Dodatak za pristupačnost WP One Tap može automatski dodati veze za preskakanje.
Rade li veze za preskakanje na mobilnim uređajima?
Da, kada se pravilno implementira, preskakanje veza funkcionira na svim uređajima, uključujući mobilne.
Kako mogu testirati veze za preskakanje navigacije?
Upotrijebite tipkovnicu za navigaciju kroz svoju stranicu i osigurajte da je veza za preskakanje fokusirana i funkcionalna.
