Tryb przeglądania a tryb fokusu
Poznaj dwa sposoby interakcji użytkowników ze stroną.
Tryb przeglądania a tryb fokusu to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 3 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.
Dwa sposoby interakcji
Desktopowe czytniki ekranu mają dwa tryby. Tryb przeglądania odczytuje treść, a tryb fokusu umożliwia wpisywanie. Znajomość obu rozwiązuje wiele nieporozumień. 🔁
Tryb przeglądania odczytuje
W trybie przeglądania klawisze takie jak H, K i strzałki służą do nawigowania po stronie. Czytnik przechwytuje je, aby umożliwić szybkie przeglądanie nagłówków i linków.
Wirtualna kopia
Tryb przeglądania działa na spłaszczonym wirtualnym buforze strony. Dlatego możesz przechodzić strzałkami po tekście tak samo jak w dowolnym dokumencie.
Tryb fokusu umożliwia wpisywanie
Gdy dojdziesz do pola tekstowego, czytnik przełącza się na tryb fokusu. Od tej chwili naciśnięcia klawiszy trafiają bezpośrednio do pola zamiast służyć do nawigacji.
Dlaczego przełączanie ma znaczenie
Bez dwóch trybów wpisanie litery H przenosiłoby do nagłówków zamiast wstawiać ją w tekście. Tryb fokusu pozwala faktycznie wypełniać formularz.
Automatyczne przełączanie
NVDA sam przełącza się na tryb fokusu, gdy fokus znajdzie się w edytowalnym polu lub widżecie wymagającym bezpośredniej obsługi klawiatury.
Wymuszanie trybu
Możesz również przełączać tryb ręcznie. W NVDA skrót NVDA plus Space przełącza między trybem przeglądania a trybem fokusu, gdy automatyczne rozpoznawanie się pomyli.
NVDA: press NVDA + Space to toggle modesOdpowiednik w VoiceOver
VoiceOver nazywa swój stan wpisywania Quick Nav off. Włączanie i wyłączanie Quick Nav przełącza między eksplorowaniem a interakcją, podobnie jak te dwa tryby.
Niestandardowe widżety wprowadzają w błąd
Fałszywy przycisk lub element div udający menu może pozostawić czytnik w niewłaściwym trybie, przez co naciśnięcia klawiszy nie prowadzą do żadnego użytecznego działania.
Właściwe role rozwiązują problem
Poprawne role informują czytnik, kiedy należy wejść w tryb fokusu. Prawdziwe kontrolki formularzy i właściwe role ARIA powodują przełączenie we właściwym momencie.
Przetestuj oba sposoby
Podczas audytu sprawdź, czy odczytywanie działa w trybie przeglądania i czy każde pole przyjmuje tekst po włączeniu trybu fokusu.
Szybkie sprawdzenie
Co tryb fokusu czytnika ekranu umożliwia użytkownikowi?
Podsumowanie
Tryb przeglądania odczytuje treść i umożliwia nawigację, a tryb fokusu służy do wpisywania i interakcji. Poprawne role automatycznie przełączają tryb, dzięki czemu użytkownicy nigdy nie utkną. ✅
Często zadawane pytania
Czy lekcja „Tryb przeglądania a tryb fokusu” jest bezpłatna?
Tak — pełny tekst „Tryb przeglądania a tryb fokusu” 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 „Tryb przeglądania a tryb fokusu”?
Poznaj dwa sposoby interakcji użytkowników ze stroną. Ć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 3 z 4.
Ile czasu zajmuje lekcja „Tryb przeglądania a tryb fokusu”?
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
- Włączanie NVDA, VoiceOver i TalkBack
- Podstawowe gesty i skróty klawiszowe
- Tryb przeglądania a tryb fokusu
- Powtarzalny test z czytnikiem ekranu