Budowanie procesu ręcznego audytu
Połącz kontrole klawiatury, czytnika ekranu i powiększenia.
Budowanie procesu ręcznego audytu to bezpłatna lekcja Web Accessibility Academy na CoddyKit. To lekcja 1 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.
Dlaczego sama automatyzacja nie wystarczy
Automatyczne skanery wykrywają najwyżej 30% problemów. Audyt ręczny pozwala znaleźć wadliwe doświadczenia, których robot nigdy nie odczuje. 🔍
Audytuj za pomocą prawdziwych narzędzi, nie domysłów
Dobry audyt ręczny opiera się na trzech filarach: klawiaturze, czytniku ekranu i powiększeniu przeglądarki. Razem ujawniają one problemy, na które natrafiają prawdziwi użytkownicy.
Zacznij od klawiatury
Odłącz mysz i przechodź klawiszem Tab przez stronę. Każdy odnośnik, przycisk i pole powinny być osiągalne w logicznej kolejności.
<!-- Tab should reach this, Enter should fire it -->
<button type="button">Save changes</button>Obserwuj obramowanie fokusu
Podczas przechodzenia klawiszem Tab zawsze musisz widzieć, gdzie jesteś. Brak wskaźnika fokusu całkowicie dezorientuje użytkowników klawiatury na stronie.
Słuchaj za pomocą czytnika ekranu
Włącz NVDA, VoiceOver lub TalkBack i nawiguj według nagłówków oraz punktów orientacyjnych. Czy to, co słyszysz, odpowiada temu, co widzisz?
Powiększ do 200 procent
Naciśnij Ctrl lub Cmd oraz znak plus, aby uzyskać powiększenie 200%. WCAG wymaga, aby nie dochodziło do utraty treści ani funkcji i aby na zwykłej stronie nie było konieczne przewijanie w poziomie.
Sprawdź kolor i kontrast
Sprawdź rzeczywisty tekst na tle, na którym się znajduje. Tekst główny musi mieć stosunek kontrastu co najmniej 4,5:1, aby spełniać wymagania WCAG AA.
Sprawdź drzewo dostępności
Otwórz DevTools i odczytaj drzewo dostępności. Pokazuje ono nazwę, rolę i stan, które technologie asystujące faktycznie otrzymują dla każdego elementu.
Postępuj według powtarzalnej listy kontrolnej
Za każdym razem korzystaj ze stałej listy kontrolnej. Spójna lista zapewnia sprawdzenie tych samych obszarów i zapobiega przypadkowemu pominięciu krytycznej kontroli.
Szybkie sprawdzenie
Wybierz zestaw trzech elementów, na których opiera się dokładny audyt ręczny.
Zapisuj znalezione problemy
Na bieżąco dokumentuj każdy problem za pomocą zrzutu ekranu lub notatki. Przejrzysty zapis zmienia chaotyczny audyt w listę, którą można naprawiać i śledzić.
Audytuj jeden proces naraz
Ogranicz każde przejście do jednego procesu użytkownika, takiego jak rejestracja lub finalizacja zakupu. Małe, skoncentrowane przejścia wykrywają więcej niż pobieżne przeglądanie całej witryny naraz.
Podsumowanie: proces audytu
Potrafisz już przeprowadzić audyt ręczny za pomocą klawiatury, czytnika ekranu i powiększenia, odczytać drzewo a11y oraz rejestrować wyniki dla poszczególnych procesów. 🎯
Często zadawane pytania
Czy lekcja „Budowanie procesu ręcznego audytu” jest bezpłatna?
Tak — pełny tekst „Budowanie procesu ręcznego audytu” 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 „Budowanie procesu ręcznego audytu”?
Połącz kontrole klawiatury, czytnika ekranu i powiększenia. Ć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 1 z 4.
Ile czasu zajmuje lekcja „Budowanie procesu ręcznego audytu”?
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
- Budowanie procesu ręcznego audytu
- Priorytetyzacja według ważności i wpływu
- Pisanie zgłoszeń błędów, które deweloperzy mogą wykorzystać
- Naprawianie bez regresji