Dlaczego linki pomijające nawigację są ważne
Linki pomijające nawigację zapewniają szereg korzyści:
- Ulepszona użyteczność: Zmniejsza wysiłek związany z nawigacją po menu dla użytkowników korzystających z technologii wspomagających.
- Ulepszona dostępność: Zapewnia zgodność z wytycznymi dotyczącymi dostępności, takimi jak WCAG i ADA.
- Lepsze wrażenia użytkownika: Ułatwia poruszanie się po witrynie wszystkim użytkownikom.
Przewodnik krok po kroku dotyczący dodawania linków do pomijania nawigacji
Krok 1: Dodaj kod HTML dla linków pomijających
Dodaj kod HTML linku do pominięcia na górze pliku nagłówkowego swojej witryny:
Przejdź do głównej treści
Zapewnić href Atrybut wskazuje na identyfikator głównego kontenera treści.
Krok 2: Dodaj identyfikator do głównej treści
W motywie WordPress znajdź główny kontener zawartości i dodaj identyfikator:
Krok 3: Stylizuj link pomijający
Stylizuj link pomijania, aby upewnić się, że jest widoczny po naciśnięciu. Dodaj następujący kod CSS do swojego motywu:
.skip-link { pozycja: bezwzględna; góra: -40px; lewa: 0; tło: #000; kolor: #fff; wypełnienie: 10px; dekoracja tekstu: brak; indeks z: 100; } .skip-link:focus { góra: 0; }
Krok 4: Przetestuj łącze pomijające
Użyj klawiatury, aby poruszać się po witrynie i sprawdź, czy link do pominięcia pojawia się i działa prawidłowo. Naciśnij Tab skupić się na linku pomijającym i Enter aby go aktywować.
Najlepsze praktyki dotyczące pomijania linków nawigacyjnych
- Umieść linki pomijające jako pierwsze: Upewnij się, że link do pominięcia jest pierwszym elementem strony, na którym można umieścić kursor.
- Używaj czytelnych etykiet: Tekst linku powinien wyraźnie wskazywać jego cel, np. „Przejdź do głównej treści”.
- Testuj na różnych urządzeniach: Sprawdź funkcjonalność na komputerach stacjonarnych, tabletach i urządzeniach mobilnych.
Studia przypadków: Linki pomijające w działaniu
Studium przypadku 1: Witryna edukacyjna
Na platformie edukacyjnej wprowadzono linki pomijające, co poprawiło nawigację dla uczniów korzystających z czytników ekranu i pozwoliło na 15% poprawę wyników w zakresie dostępności.
Studium przypadku 2: Sklep e-commerce
Sprzedawca internetowy dodał odnośniki do menu nawigacyjnego, co zmniejszyło współczynnik odrzuceń i poprawiło użyteczność dla użytkowników klawiatury.
FAQ: Dodawanie linków do pomijania nawigacji
Czym są linki pomijające nawigację?
Linki pomijające nawigację umożliwiają użytkownikom pominięcie powtarzających się menu nawigacyjnych i przejście bezpośrednio do głównej zawartości strony.
Czy linki do pomijania są wymagane w celu zapewnienia zgodności z zasadami dostępności?
Choć nie jest to wprost wymagane, linki pomijające pomagają spełniać wytyczne WCAG, ułatwiając nawigację użytkownikom technologii wspomagających.
Czy mogę dodać linki do pominięć bez edytowania kodu?
Tak, niektóre wtyczki ułatwiające dostęp, takie jak Wtyczka ułatwiająca dostęp do WP One Tap można automatycznie dodawać linki do pominięć.
Czy linki pomijające działają na urządzeniach mobilnych?
Tak, po poprawnym wdrożeniu linki pomijające działają na wszystkich urządzeniach, także na urządzeniach mobilnych.
Jak przetestować linki pomijające nawigację?
Do poruszania się po witrynie używaj klawiatury i upewnij się, że link do pominięcia jest funkcjonalny i można go łatwo aktywować.
