Proč přeskočit navigační odkazy záleží
Přeskočit navigační odkazy poskytují několik výhod:
- Vylepšená použitelnost: Uživatelům spoléhajícím na asistenční technologie snižuje úsilí potřebné k procházení nabídek.
- Vylepšená dostupnost: Zajišťuje soulad s pokyny pro přístupnost, jako jsou WCAG a ADA.
- Lepší uživatelský dojem: Usnadňuje všem uživatelům navigaci na vašem webu.
Podrobný průvodce přidáním odkazů přeskočení navigace
Krok 1: Přidejte HTML pro přeskakování odkazů
Přidejte kód HTML pro odkaz přeskočení v horní části souboru záhlaví vašeho webu:
Přejít na hlavní obsah
Zajistěte href atribut ukazuje na ID vašeho hlavního kontejneru obsahu.
Krok 2: Přidejte ID do hlavního obsahu
V motivu WordPress najděte hlavní kontejner obsahu a přidejte ID:
Krok 3: Upravte styl přeskočeného odkazu
Upravte styl přeskočeného odkazu tak, aby byl viditelný, když je zaostřeno. Přidejte do svého motivu následující CSS:
.přeskočit-odkaz { pozice: absolutní; horní: -40px; vlevo: 0; pozadí: #000; barva: #fff; odsazení: 10px; text-dekorace: žádná; z-index: 100; } .skip-link:focus { top: 0; }
Krok 4: Otestujte přeskakovaný odkaz
Pomocí klávesnice procházejte web a ověřte, zda se odkaz přeskočení zobrazuje a funguje správně. Stiskněte Tab zaměřit se na přeskočený odkaz a Enter k jeho aktivaci.
Doporučené postupy pro přeskočení navigačních odkazů
- Umístěte na první místo přeskočení odkazů: Zajistěte, aby byl odkaz přeskočení prvním zaměřeným prvkem na stránce.
- Použít Vymazat štítky: Text odkazu by měl jasně uvádět jeho účel, např. „Přeskočit na hlavní obsah“.
- Test napříč zařízeními: Ověřte funkčnost na počítačích, tabletech a mobilních zařízeních.
Případové studie: Přeskočit odkazy v akci
Případová studie 1: Vzdělávací webové stránky
Vzdělávací platforma implementovala přeskakované odkazy, což vedlo k lepší navigaci pro studenty používající čtečky obrazovky a 15% zlepšení skóre přístupnosti.
Případová studie 2: E-commerce Store
Internetový prodejce přidal do své navigační nabídky odkazy přeskakování, čímž snížil míru okamžitého opuštění a zlepšil použitelnost pro uživatele klávesnice.
Nejčastější dotazy: Přidání přeskakovacích navigačních odkazů
Co jsou odkazy přeskočit navigaci?
Přeskočit navigační odkazy umožňují uživatelům obejít opakované navigační nabídky a přejít přímo k hlavnímu obsahu stránky.
Jsou přeskakovací odkazy vyžadovány pro zajištění souladu s přístupností?
I když to není výslovně vyžadováno, přeskakované odkazy pomáhají splnit pokyny WCAG tím, že zlepšují navigaci pro uživatele asistenčních technologií.
Mohu přidat přeskočené odkazy bez úpravy kódu?
Ano, některé pluginy pro usnadnění jako Plugin WP One Tap Accessibility Plugin může automaticky přidávat přeskakované odkazy.
Fungují přeskakované odkazy na mobilních zařízeních?
Ano, při správné implementaci fungují přeskakované odkazy na všech zařízeních, včetně mobilních.
Jak otestuji přeskočení navigačních odkazů?
Pomocí klávesnice procházejte své stránky a ujistěte se, že přeskakovaný odkaz je zaostřitelný a funkční.
