Nawigacja po punktach orientacyjnych: jak użytkownicy przemieszczają się po stronie
Poznaj przechodzenie między regionami za pomocą czytnika ekranu
Nawigacja po punktach orientacyjnych: jak użytkownicy przemieszczają się po stronie to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Web Accessibility Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.
Przeskakiwanie zamiast przewijania
Widzący użytkownik szybko ogląda stronę wzrokiem. Użytkownik czytnika ekranu zamiast tego przeskakuje między regionami za pomocą zdefiniowanych landmarków.
Skrót do landmarków
Większość czytników ekranu udostępnia klawisz do przechodzenia między landmarkami. W NVDA klawisz D przenosi do następnego regionu bez używania myszy.
Lista regionów
Użytkownicy mogą także otworzyć listę landmarków — menu wszystkich regionów na stronie — i wybrać jeden z nich, aby od razu do niego przejść.
Pomiń powtarzalne elementy
Największą korzyścią jest możliwość pomijania treści. Użytkownicy przechodzą nad header i nav, które już słyszeli, i trafiają bezpośrednio do nowej treści.
Rotor VoiceOver
Na Macu użytkownicy VoiceOver otwierają rotor i wybierają Landmarks, aby nawigować po regionach według ich nazw i ról.
Dlaczego nazwy się opłacają
Na tej liście landmarków wartości aria-label stają się elementami menu, dlatego dobre nazwy sprawiają, że przeskakiwanie jest użyteczne.
<nav aria-label="Main">...</nav>Kolejność wynika z DOM
Landmarki są odwiedzane w kolejności źródłowej, dlatego logiczna kolejność HTML zapewnia wszystkim logiczną kolejność przechodzenia.
Zbyt wiele landmarków szkodzi
Jeśli każdy element jest regionem, lista staje się szumem. Używaj landmarków dla rzeczywistych sekcji strony, a nie do ogólnego układu.
Obejmij całą stronę
Najlepiej, aby cała widoczna treść znajdowała się w jakimś landmarku. Osierocona treść poza każdym regionem jest trudniej dostępna podczas przeskakiwania.
Przetestuj samodzielnie
Uruchom czytnik ekranu i naciśnij klawisz landmarku. Jeśli możesz płynnie przeskakiwać po stronie, Twoje regiony działają prawidłowo. 🎧
Szybciej niż przechodzenie klawiszem Tab
Przeskakiwanie między landmarkami jest lepsze niż naciskanie klawisza Tab dziesiątki razy. Kilka naciśnięć klawiszy zastępuje długie i męczące przechodzenie przez każdy link.
Szybkie sprawdzenie
Jaka jest główna korzyść z nawigacji po landmarkach dla użytkowników czytników ekranu?
Podsumowanie: przeskakiwanie po stronie
Nauczyłeś się, jak użytkownicy przechodzą między landmarkami za pomocą klawisza lub rotora, dlaczego nazwy regionów i kolejność DOM mają znaczenie oraz jak testować stronę słuchowo. 🙌
Często zadawane pytania
Czy lekcja „Nawigacja po punktach orientacyjnych: jak użytkownicy przemieszczają się po stronie” jest bezpłatna?
Tak — pełny tekst „Nawigacja po punktach orientacyjnych: jak użytkownicy przemieszczają się po stronie” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Web Accessibility Academy, przejdź na CoddyKit PRO. Kurs Web Accessibility Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Nawigacja po punktach orientacyjnych: jak użytkownicy przemieszczają się po stronie”?
Poznaj przechodzenie między regionami za pomocą czytnika ekranu Ćwiczysz Web Accessibility Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Web Accessibility Academy?
Nie wymagamy żadnego doświadczenia. Web Accessibility Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.
Ile czasu zajmuje lekcja „Nawigacja po punktach orientacyjnych: jak użytkownicy przemieszczają się po stronie”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Web Accessibility Academy?
Tak. Każda lekcja Web Accessibility Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- header, nav, main, footer: wielka czwórka
- Umieszczanie treści w main i tylko jednym main
- Nazywanie wielu regionów za pomocą aria-label
- Nawigacja po punktach orientacyjnych: jak użytkownicy przemieszczają się po stronie