Prečo je dôležité preskočiť navigačné odkazy
Preskočiť navigačné odkazy poskytujú niekoľko výhod:
- Vylepšená použiteľnosť: Znižuje úsilie potrebné na navigáciu v ponukách pre používateľov, ktorí sa spoliehajú na asistenčné technológie.
- Vylepšená dostupnosť: Zabezpečuje súlad s usmerneniami o dostupnosti, ako sú WCAG a ADA.
- Lepšia používateľská skúsenosť: Zjednodušuje navigáciu na vašom webe pre všetkých používateľov.
Podrobný sprievodca pridávaním odkazov na preskočenie navigácie
Krok 1: Pridajte HTML pre preskočenie odkazov
Pridajte kód HTML pre odkaz na preskočenie do hornej časti súboru hlavičky vašej lokality:
Preskočiť na hlavný obsah
Uistite sa, že href atribút ukazuje na ID vášho hlavného kontajnera obsahu.
Krok 2: Pridajte ID do hlavného obsahu
V téme WordPress nájdite hlavný kontajner obsahu a pridajte ID:
Krok 3: Upravte štýl preskočenia odkazu
Upravte štýl odkazu na preskočenie tak, aby bol viditeľný pri zameraní. Pridajte do svojej témy nasledujúci CSS:
.skip-link { position: absolute; hore: -40px; vľavo: 0; pozadie: #000; farba: #fff; výplň: 10px; textová výzdoba: žiadna; z-index: 100; } .preskočiť-odkaz:zameranie { hore: 0; }
Krok 4: Otestujte preskočenie odkazu
Na navigáciu na svojich stránkach použite klávesnicu a overte, či sa odkaz na preskočenie zobrazuje a funguje správne. Stlačte tlačidlo Tab zamerať sa na preskočený odkaz a Enter ak chcete ho aktivovať.
Osvedčené postupy pre preskočenie navigačných odkazov
- Preskočiť odkazy ako prvé: Uistite sa, že odkaz na preskočenie je prvým zaostriteľným prvkom na stránke.
- Použiť jasné štítky: Text odkazu by mal jasne uvádzať jeho účel, napr. „Preskočiť na hlavný obsah“.
- Testovanie naprieč zariadeniami: Overte funkčnosť na stolných počítačoch, tabletoch a mobilných zariadeniach.
Prípadové štúdie: Preskočiť odkazy v akcii
Prípadová štúdia 1: Vzdelávacia webová stránka
Vzdelávacia platforma implementovala preskakovanie odkazov, čo viedlo k lepšej navigácii pre študentov pomocou čítačiek obrazovky a 15 % zlepšeniu skóre dostupnosti.
Prípadová štúdia 2: E-commerce Store
Internetový predajca pridal do svojej navigačnej ponuky odkazy na preskočenie, čím sa znížila miera okamžitých odchodov a zlepšila sa použiteľnosť pre používateľov klávesnice.
Často kladené otázky: Pridanie odkazov na preskočenie navigácie
Čo sú odkazy na preskočenie navigácie?
Odkazy na preskočenie navigácie umožňujú používateľom obísť opakujúce sa navigačné ponuky a prejsť priamo na hlavný obsah stránky.
Vyžaduje sa preskakovanie odkazov na zabezpečenie súladu s dostupnosťou?
Aj keď to nie je výslovne požadované, preskočené odkazy pomáhajú splniť usmernenia WCAG zlepšením navigácie pre používateľov asistenčných technológií.
Môžem pridať preskočené odkazy bez úpravy kódu?
Áno, niektoré doplnky prístupnosti ako Doplnok WP One Tap Accessibility Plugin môže automaticky pridávať preskočené odkazy.
Fungujú preskočené odkazy na mobilných zariadeniach?
Áno, pri správnej implementácii fungujú preskakovanie odkazov na všetkých zariadeniach vrátane mobilných.
Ako otestujem navigačné odkazy na preskočenie?
Na navigáciu na svojich stránkach použite klávesnicu a uistite sa, že odkaz na preskočenie je zameraný a funkčný.
