Obsługiwalność: czy każdy może korzystać z elementów sterujących?
Obsługa klawiatury, wystarczająca ilość czasu i brak pułapek
Obsługiwalność: czy każdy może korzystać z elementów sterujących? to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 2 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.
Co oznacza funkcjonalność
Funkcjonalność to druga zasada WCAG: każdy element sterujący i link musi być użyteczny niezależnie od sposobu interakcji ze stroną.
Nie każdy korzysta z myszy
Wiele osób nawiguje wyłącznie za pomocą klawiatury, przełącznika lub poleceń głosowych. Jeśli coś wymaga precyzyjnego kliknięcia, właśnie wykluczyli Państwo te osoby.
Dostęp z klawiatury dla wszystkich
Każda czynność powinna działać z poziomu klawiatury. Prawdziwe przyciski i linki można zaznaczyć fokusem i domyślnie obsługiwać klawiszem Enter lub Spacją. ⌨️
<button>Add to cart</button>Widoczny fokus
Użytkownicy klawiatury muszą widzieć, gdzie się znajdują. Wyraźny wskaźnik fokusu pokazuje aktywny element, dzięki czemu nikt się nie gubi.
Bez pułapek klawiaturowych
Jeśli fokus trafia do komponentu i nie można go stamtąd wyprowadzić klawiszem Tab, jest to pułapka klawiaturowa. Użytkownicy zawsze muszą móc przejść dalej.
Zapewnij wystarczająco dużo czasu
Sesja, która wygasa zbyt szybko, wyklucza osoby piszące powoli lub korzystające z technologii asystujących. Należy umożliwić wydłużenie lub wyłączenie limitów czasu.
Wstrzymuj ruchome elementy
Automatycznie odtwarzane karuzele i przewijany tekst są trudne w obsłudze. Pozwól użytkownikom wstrzymać, zatrzymać lub ukryć ruchome treści, aby mogli z nich korzystać.
Bez wyzwalaczy napadów
Treści migające częściej niż trzy razy na sekundę mogą wywoływać napady. Należy zachować migotanie poniżej bezpiecznego progu, aby chronić użytkowników.
Pomagaj użytkownikom w nawigacji
Jasne tytuły stron i nagłówki oraz link pomijający pozwalają użytkownikom szybko znaleźć treść, zamiast za każdym razem przechodzić klawiszem Tab przez to samo menu.
<a href="#main">Skip to main content</a>Wystarczająco duże elementy interaktywne
W małe linki trudno trafić drżącymi dłońmi lub na telefonie. Odpowiedni rozmiar elementu interaktywnego ułatwia wszystkim aktywowanie kontrolek.
Pytanie o możliwość obsługi
Proszę zadać sobie pytanie dotyczące każdej kontrolki: czy można z niej korzystać bez myszy i bez pośpiechu? Jeśli nie, nie jest jeszcze obsługiwana.
Szybkie sprawdzenie
Sprawdźmy zasadę możliwości obsługi.
Podsumowanie: możliwość obsługi
Dowiedział się Pan/Dowiedziała się Pani, że możliwość obsługi oznacza, iż każdy może korzystać z kontrolek: pełna obsługa klawiaturą, widoczny fokus, brak pułapek, wystarczająca ilość czasu i bezpieczny ruch. 🎯
Ucz się HTML dzięki korepetycjom AI — za darmo
Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.
- Kursy
- 30
- Lekcje
- 120
Często zadawane pytania
Czy lekcja „Obsługiwalność: czy każdy może korzystać z elementów sterujących?” jest bezpłatna?
Tak — pełny tekst „Obsługiwalność: czy każdy może korzystać z elementów sterujących?” 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 „Obsługiwalność: czy każdy może korzystać z elementów sterujących?”?
Obsługa klawiatury, wystarczająca ilość czasu i brak pułapek Ć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 2 z 4.
Ile czasu zajmuje lekcja „Obsługiwalność: czy każdy może korzystać z elementów sterujących?”?
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
- Postrzegalność: czy każdy może odebrać treść?
- Obsługiwalność: czy każdy może korzystać z elementów sterujących?
- Zrozumiałość: czy treść jest czytelna i przewidywalna?
- Solidność: czy rozwiązanie zadziała z używaną technologią?