Dostępny formularz rekrutacyjny: 12 testów obsługi klawiaturą w ATS

Checklist dostępnego formularza rekrutacyjnego: sprawdź obsługę klawiaturą, fokus, błędy, pliki, planowanie rozmów i ścieżkę uzyskania pomocy w ATS.

Ernest Bursa

Ernest Bursa

Founder · · 14 min czytania
Blind candidate navigating a clean online job application by keyboard with a bright focus ring around the résumé upload button

Dostępny formularz rekrutacyjny pozwala kandydatowi przejść każdy etap za pomocą klawiatury i technologii asystujących. Elementy sterujące muszą mieć jasne etykiety, fokus powinien być widoczny i przemieszczać się w logicznej kolejności, a błędy dawać się łatwo poprawić. Potrzebne są też alternatywy dla przeciągania, zachowanie wpisanych danych i czytelna ścieżka uzyskania pomocy. WCAG 2.2 na poziomie AA to praktyczny punkt wyjścia, ale dopiero test całej ścieżki pokazuje, czy proces naprawdę działa.

Liczy się cały proces. Portal kariery może przejść automatyczny skan, a mimo to zablokować kandydata przy dodawaniu CV, wyborze daty lub strefy czasowej, logowaniu w zewnętrznym serwisie albo na stronie potwierdzenia.

Dlaczego obsługa klawiaturą to kwestia rekrutacji, a nie wygoda dla zaawansowanych?

Od obsługi klawiaturą zależy, czy część wykwalifikowanych kandydatów w ogóle trafi do procesu rekrutacji. Nie jest to jedynie szybszy sposób poruszania się po interfejsie graficznym.

Niedawny esej przekonujący, że interfejsy graficzne powinny dać się w pełni obsługiwać klawiaturą, wywołał dużą dyskusję na Hacker News. Dla rekrutacji płynie z niej konkretna lekcja: każdą wymaganą czynność w formularzu zgłoszeniowym trzeba wykonać bez precyzyjnych ruchów myszą, a osoba korzystająca z formularza musi zawsze wiedzieć, gdzie znajduje się fokus.

Pomaga to osobom niewidomym i słabowidzącym, korzystającym ze sterowania głosem, z ograniczoną sprawnością manualną lub takim, które z innych powodów nie używają wskaźnika. Nie sprowadzaj jednak tych potrzeb do hasła „dostępność to po prostu dobra użyteczność”. Dana funkcja może być dla jednej osoby niezbędna, choć większość kandydatów nawet jej nie zauważy.

Zespoły rekrutujące zwykle oceniają trudność składania kandydatury na podstawie długości formularza i konwersji. Dostępność wymaga innego pytania. Zamiast ograniczać się do „Ile osób dotarło do końca?”, sprawdź: „Czy osoba korzystająca z tej metody obsługi mogła samodzielnie ukończyć proces?”. Zablokowany kandydat nie pojawi się w systemie, więc zwykłe statystyki rekrutacji nie pokażą, kto nigdy do niego nie trafił.

Ryzyko nie kończy się na pierwszym formularzu. Kandydat może jeszcze otworzyć magic link, poprawić nieprawidłowy plik, wybrać termin rozmowy, zmienić strefę czasową, usunąć plik z portfolio, przejść uwierzytelnianie w zewnętrznym serwisie i wrócić we właściwe miejsce. Doświadczenie kandydata jest sumą tych przejść, a nie estetyką pierwszego ekranu.

Ile internetowych formularzy rekrutacyjnych działa z czytnikami ekranu?

Eksperci korzystający z czytników ekranu samodzielnie ukończyli tylko 50 z 90 prób, czyli 55,6 %. Wynik recenzowanego badania dotyczy serwisów z listy Fortune 500 oraz konkretnych zestawów technologii, a nie każdego portalu i każdej osoby z niepełnosprawnością.

Reuschel, McDonnall i Burton wybrali 30 pracodawców z listy Fortune 500. Trzy niewidome osoby z ekspercką znajomością czytników ekranu próbowały złożyć kandydaturę w każdej firmie; każda korzystała z innego zestawu przeglądarki i czytnika. W 23 z 30 serwisów co najmniej jeden zestaw został zablokowany. Zaledwie 23,3 % serwisów dało się obsłużyć do końca przy użyciu wszystkich trzech konfiguracji.

Badacze odnotowali 694 problemy z dostępnością i użytecznością, w tym 73 problemy blokujące lub krytyczne. Trzy kategorie stanowiły 75 % wszystkich usterek: obsługa klawiaturą, informacje i relacje oraz etykiety. Obsługa klawiaturą odpowiadała za 53 % problemów blokujących, a selektory daty i pola wyboru typu combo pojawiały się w 34 % takich problemów.

To najmocniejsza podstawa do przeglądu dostępności systemu ATS. Nie oznacza jednak, że 44,4 % kandydatów porzuciło kandydaturę. Czterdzieści nieudanych prób pokazało brak możliwości samodzielnego ukończenia zadania w określonych warunkach testowych, a nie dobrowolną rezygnację.

Badanie pokazało też postęp. Odsetek ukończonych prób wzrósł z 28,1 % w poprzednim badaniu z 2011 roku do 55,6 %, a 26 z 30 serwisów działało z co najmniej jednym zestawem. Problemem pozostaje zależność wyniku od konfiguracji. Ten sam proces może działać z jednym zestawem przeglądarki i czytnika, a z innym już nie.

Trzeba przy tym pamiętać o ograniczeniach. W badaniu uczestniczyły trzy niewidome osoby z dużym doświadczeniem, po jednej na każdy zestaw, a analizowane portale należały do dużych firm. Eksperci mogą poradzić sobie z usterkami, które zatrzymają mniej doświadczonego użytkownika. Wyniki dotyczą bezpośrednio czytników ekranu, więc nie przedstawiaj ich jako wskaźnika niepowodzeń dla całej populacji osób korzystających wyłącznie z klawiatury.

Co WCAG 2.2 AA oznacza dla portalu kandydata?

WCAG 2.2 AA to praktyczna baza techniczna dla dostępności portalu kandydata, a nie prawo obowiązujące wszędzie. W kontekście klawiatury najważniejsze jest to, czy każdą funkcję można obsłużyć bez wskaźnika, fokus porusza się w sensownej kolejności, a aktywny element pozostaje widoczny i użyteczny.

Web Content Accessibility Guidelines 2.2 przekładają ogólny cel na kryteria, które da się sprawdzić. W procesie rekrutacji wyglądają one następująco:

Kryterium WCAG Co sprawdzić w procesie rekrutacji
2.1.1 Klawiatura (A) Składanie kandydatury, dodawanie plików, wybór opcji, planowanie rozmów, wysyłanie i anulowanie bez myszy oraz bez konieczności precyzyjnego odmierzania czasu pojedynczych naciśnięć klawiszy.
2.1.2 Brak pułapki na klawiaturę (A) Wchodzenie do okien dialogowych, kalendarzy, menu, widżetów dodawania plików i osadzonych narzędzi oraz wychodzenie z nich za pomocą oczekiwanych klawiszy.
2.4.3 Kolejność fokusu (A) Poruszanie się po stronie w kolejności zachowującej sens formularza, również po ujawnionych błędach i nowych panelach.
2.4.7 Widoczny fokus (AA) Wyraźne oznaczenie fokusu na linkach, polach, przyciskach, opcjach radiowych i niestandardowych elementach sterujących.
2.4.11 Nieprzesłonięty fokus (AA) Aktywny element nie znika pod przyklejonym paskiem Aplikuj, banerem cookies ani oknem dialogowym.
2.5.1 Gesty wskaźnika (A) Prosta alternatywa dla gestów wielopunktowych lub wymagających określonego toru ruchu, chyba że taki gest jest niezbędny.
2.5.7 Przeciąganie (AA) Przyciski lub inna metoda bez przeciągania przy dodawaniu plików, ustalaniu kolejności i podobnych czynnościach.
2.5.8 Minimalny rozmiar celu (AA) Cele wskaźnika mają co najmniej 24 na 24 piksele CSS albo spełniają wyjątki dotyczące odstępu lub równoważnego elementu sterującego.

Sama obsługa klawiaturą nie wystarczy, żeby formularz działał z czytnikiem ekranu. Niestandardowy selektor daty może reagować na strzałki, ale nie przekazywać czytnikowi wybranej daty. Nowa lista terminów rozmowy może być dostępna z klawiatury, lecz pojawić się bez komunikatu o zmianie. Oprócz sterowania klawiszami potrzebne są semantyczne nazwy, role, stany, relacje i komunikaty przekazywane technologiom asystującym.

Natywne elementy HTML ograniczają liczbę interakcji, które trzeba samodzielnie odtworzyć, ale nie rozwiązują wszystkiego. Pole może nadal nie mieć użytecznej etykiety, a poprawnie opisany formularz może wyczyścić wszystkie odpowiedzi po jednym błędzie walidacji.

Jak przeprowadzić 12 testów dostępnego formularza rekrutacyjnego?

Wykonaj te 12 testów od ogłoszenia o pracę przez wysłanie zgłoszenia aż po wejście do portalu kandydata i zaplanowanie rozmowy. Sprawdź zarówno zwykłą ścieżkę, jak i obsługę błędów. To walidacja, pliki, dynamiczne panele i integracje z zewnętrznymi usługami najczęściej psują pozornie dopracowane formularze.

1. Najpierw wybieraj natywne elementy sterujące

Korzystaj z natywnych pól tekstowych, opcji radiowych, pól wyboru, przycisków, linków i kontrolek plików, chyba że niestandardowy element daje rzeczywiście potrzebne zachowanie. Natywne elementy mają wbudowaną obsługę klawiatury i semantykę dostępności, których zwykły stylizowany div nie zapewnia.

Dla każdego niestandardowego pola combo, kalendarza i modala opisz oczekiwane klawisze oraz komunikowane stany.

2. Nadaj każdemu elementowi zrozumiałą nazwę dla technologii asystujących

Każde pole i każdy przycisk zawierający wyłącznie ikonę potrzebuje nazwy opisującej jego cel. „Usuń plik portfolio” ma sens, natomiast samo „przycisk” czy niepodpisana ikona kosza już nie. Powiązane opcje radiowe i pola wyboru grupuj pod jednym zrozumiałym pytaniem.

Nie używaj tekstu zastępczego jako etykiety. Informacje o wymaganym polu, formacie danych i dodatkowe objaśnienia trzeba programowo powiązać z opisywanym polem.

3. Zachowaj logiczną kolejność fokusu

Przejdź klawiszem Tab od nagłówka strony do ostatniej czynności, a następnie wróć za pomocą Shift+Tab. Fokus powinien podążać za kolejnością czytania i wykonywania zadania, także po pojawieniu się pytań zależnych od wcześniejszej odpowiedzi.

Unikaj dodatnich wartości tabindex, które tworzą drugą kolejność przechodzenia przez stronę. Po otwarciu podsumowania błędów lub modala świadomie przenieś fokus. Po zamknięciu skieruj go na stabilny element.

4. Zadbaj o widoczny i nieprzesłonięty fokus

Na każdym etapie trzeba umieć wskazać aktywny element. Nie usuwaj obramowania przeglądarki, chyba że zastępujesz je równie czytelnym oznaczeniem na każdym tle i w każdym stanie.

Przetestuj przyklejone nagłówki, banery zgody i stałe paski „Aplikuj” w wąskim oraz powiększonym widoku. W WCAG 2.2 dodano na poziomie AA kryterium nieprzesłoniętego fokusu, bo zasłonięty fokus jest bezużyteczny.

5. Usuń pułapki na klawiaturę

Otwórz każde okno dialogowe, selektor daty, menu i widżet zewnętrznego dostawcy, a potem wyjdź z niego oczekiwanymi klawiszami. Sprawdź Escape tam, gdzie przyjęło się go używać, ale nie uzależniaj wyjścia od jednego nieopisanego skrótu.

Powtórz próbę po błędzie walidacji. Pułapki często ujawniają się dopiero po zmianie stanu elementu.

6. Ułatw znalezienie i poprawienie błędów

Po wysłaniu formularza przenieś fokus na zwięzłe podsumowanie błędów z linkami do odpowiednich pól. Przy każdym polu wskaż jego błąd, zachowaj wpisaną wartość i prostym językiem wyjaśnij, jak go poprawić.

Nie poprzestawaj na komunikacie „nieprawidłowe”. Podaj oczekiwany format, a następnie sprawdź, czy osoba korzystająca z czytnika słyszy podsumowanie i trafia z jego linków do właściwych kontrolek.

7. Komunikuj dynamiczne zmiany stanu

Gdy kandydat wybiera datę i pojawiają się nowe godziny, przekaż technologiom asystującym informację o zaznaczeniu i zmianie zawartości. Ta sama zasada dotyczy zakończenia dodawania pliku, usunięcia załącznika, rozwinięcia sekcji i nieudanego sprawdzenia asynchronicznego.

Przekaż to, co jest potrzebne do dalszego działania, a fokus przenoś tylko wtedy, gdy proces wymaga natychmiastowej uwagi.

8. Zapewnij obsługę CV i portfolio

Zostaw zwykły przycisk wyboru pliku, nawet jeśli dodatkowo oferujesz przeciąganie. Przed wyborem pokaż obsługiwane formaty i limit rozmiaru, komunikuj postęp oraz niepowodzenie, a przy każdym dodanym pliku umieść dostępny przycisk usuwania.

Po usunięciu przywróć fokus w przewidywalnym miejscu. Sprawdź odrzucony plik, przerwane przesyłanie, plik o tej samej nazwie i ponowną próbę.

9. Dodaj alternatywy dla przeciągania i precyzyjnych gestów

Każdy element układany przez przeciąganie potrzebuje przycisków Przenieś wyżej i Przenieś niżej albo równoważnego rozwiązania. Karuzela z datami powinna udostępniać przyciski lub zwykłe pola zamiast wymagać przesunięcia palcem. Małe cele wskaźnika muszą spełniać wymagania WCAG dotyczące minimalnego rozmiaru lub odstępu.

Obsługa za pomocą wskaźnika musi też uwzględniać osoby korzystające z ekranów dotykowych, przełączników i innych metod wprowadzania danych.

10. Zachowuj dane po błędach i przejściach do zewnętrznych usług

Kandydat nie powinien ponownie wypełniać zgłoszenia z powodu błędu jednego pola, wygaśnięcia sesji czy anulowanego uwierzytelnienia zewnętrznego. Jeśli jest to bezpieczne, zachowaj poprawnie wpisane dane i dodane pliki oraz jasno wskaż, co trzeba powtórzyć.

Hartwell, Orr i Edwards wykazali, że usunięcie obowiązku ponownego wpisywania danych z CV ograniczyło rezygnacje kandydatów bez obniżenia ich jakości. Publicznie dostępny abstrakt nie podaje wielkości efektu ani wyników dla osób z niepełnosprawnościami, więc nie dopisuj do niego nieistniejących danych o konwersji.

11. Unikaj zaskakujących limitów czasu

Nie kończ sesji formularza bez ostrzeżenia. Jeśli limit jest konieczny, pozwól go wydłużyć w zakresie przewidzianym przez odpowiednie wyjątki WCAG, zapisz dotychczas wprowadzone dane i wyjaśnij, jak wznowić pracę.

Przetestuj wygasłą sesję za pomocą klawiatury i czytnika ekranu. Komunikat o wznowieniu musi być osiągalny z klawiatury, zrozumiały i wyjaśniać, jak kontynuować pracę.

12. Zapewnij kontakt w sprawie usprawnień

Zanim formularz będzie mógł kogoś zablokować, pokaż czytelne pytanie: „Potrzebujesz dostosowania, aby złożyć kandydaturę?”. Podaj adres e-mail, który ktoś regularnie sprawdza, lub inną dostępną metodę kontaktu. Określ oczekiwany czas odpowiedzi i zaoferuj alternatywny sposób złożenia kandydatury.

Nie wymagaj szczegółowych informacji medycznych ani wcześniejszego ukończenia niedziałającego procesu. Taka ścieżka awaryjna nie zastępuje naprawy portalu.

Dlaczego trzeba testować całą ścieżkę, zamiast ufać certyfikatowi?

Automatyczny skan, nakładka, oznaczenie czy dokument potwierdzający zgodność są źródłami informacji, a nie dowodem, że kandydat może złożyć kandydaturę. W3C podkreśla, że narzędzia nie sprawdzają wszystkich aspektów dostępności i same nie potrafią jej ocenić.

Wytyczne W3C dotyczące narzędzi do oceny zalecają łączenie ich z ekspercką oceną człowieka. Skaner szybko wykryje brakujące etykiety, część problemów z kontrastem i błędy w znacznikach. Nie stwierdzi jednak wiarygodnie, czy fokus po błędzie trafia we właściwe miejsce, aktualizacja terminów jest zrozumiała po odczytaniu ani czy zewnętrzne logowanie zwraca kandydata do poprawnego kontekstu.

Badanie Reuschela dodaje ważne ostrzeżenie operacyjne: portale oparte na tych samych systemach dostawców dawały różne wyniki. Dostępność może zmienić konfiguracja, niestandardowe pytania, warstwa wizualna marki, skrypty, zewnętrzne komponenty i integracje. Deklaracja dostawcy nie dowodzi, że skonfigurowany proces jest dostępny.

Zacznij od niewielkiej, powtarzalnej macierzy testów:

  1. Rozpisz kluczowe scenariusze: znalezienie ogłoszenia, złożenie kandydatury, dodanie pliku, wywołanie błędu, poprawienie danych, wysłanie, zachowanie potwierdzenia, wejście do portalu, wybranie i zmiana terminu oraz każde przejście do usługi zewnętrznej.
  2. Przejdź każdą ścieżkę za pomocą Tab, Shift+Tab, Enter, spacji, strzałek i Escape tam, gdzie użytkownik spodziewa się ich działania.
  3. Przetestuj kilka zestawów technologii asystujących. Zapisz przeglądarkę, czytnik ekranu, wersję, datę i wynik. Na początek można użyć NVDA z Chrome lub Firefoxem; jeśli masz dostęp do JAWS, połącz JAWS z Chrome lub Edge. Sprawdź też VoiceOver z Safari.
  4. Przetestuj sytuacje poza poprawną ścieżką: użyj nieprawidłowego pliku, wybierz niedostępny termin, pozwól sesji wygasnąć, zasymuluj błąd sieci i anuluj autoryzację.
  5. Włącz osoby z niepełnosprawnościami do testów zadaniowych. Opisz uczestników i użyte zestawy, nie uogólniając wyników poza ten zakres.

Zapisuj ścieżkę, zestaw, wynik, problem blokujący, osobę odpowiedzialną, zastosowaną poprawkę i datę ponownego testu. Kontrolę obsługi klawiaturą wykonuj przy każdym istotnym wydaniu, a testy na kilku zestawach powtarzaj po zmianach formularzy, planowania rozmów, uwierzytelniania, plików i tłumaczeń. Obsługa wielu języków pomaga kandydatom korzystać z dostępnej wersji językowej, lecz tłumaczenia i dostępność wymagają osobnych testów.

Co naprawdę mówią przepisy o dostępności w USA i UE?

Nie ma jednego przepisu, który nakazywałby każdemu portalowi rekrutacyjnemu spełniać wymagania WCAG 2.2 AA. Znaczenie mają wielkość pracodawcy, status podmiotu publicznego lub prywatnego, rodzaj usługi, umowa i jurysdykcja. Potraktuj tę sekcję jako orientację operacyjną, a nie poradę prawną.

W Stanach Zjednoczonych tytuł I ustawy ADA obejmuje procedury składania kandydatury u pracodawców podlegających ustawie, co do zasady zatrudniających co najmniej 15 osób. Wytyczne EEOC dla pracodawców mówią, że wykwalifikowanym kandydatom przysługuje racjonalne usprawnienie procesu składania kandydatury, o ile nie powoduje ono nadmiernego obciążenia. Zlecenie obsługi portalu na zewnątrz nie zdejmuje odpowiedzialności z pracodawcy.

Amerykańskie rozporządzenie Departamentu Sprawiedliwości dotyczące tytułu II ma inny zakres. Przyjmuje WCAG 2.1 AA, a nie 2.2, dla treści internetowych i aplikacji mobilnych udostępnianych przez stanowe i lokalne podmioty publiczne, również za pośrednictwem dostawców. Aktualne wytyczne Departamentu Sprawiedliwości podają terminy 26 kwietnia 2027 i 26 kwietnia 2028 roku, zależnie od wielkości i rodzaju podmiotu. Nie jest to ogólny przepis dotyczący serwisów prywatnych pracodawców.

W Unii Europejskiej Europejski akt o dostępności obejmuje wybrane produkty i usługi. Zawarta w nim definicja handlu elektronicznego odnosi się do usług zmierzających do zawarcia umowy konsumenckiej, dlatego nie można przedstawiać tego aktu jako ogólnego obowiązku dla portali rekrutacyjnych. Serwisy sektora publicznego mogą podlegać osobnej dyrektywie, a prawo krajowe dotyczące równości, zatrudnienia, zamówień publicznych i dostępności może nakładać dodatkowe wymogi.

WCAG 2.2 AA warto stosować jako aktualny i praktyczny punkt wyjścia. Obejmuje użyteczne kryteria, między innymi nieprzesłonięty fokus, alternatywy dla przeciągania oraz minimalny rozmiar celu. Nie przedstawiaj tej decyzji technicznej jako prawa obowiązującego wszędzie. Wymogi dla konkretnych pracodawców, branż i krajów skonsultuj z prawnikiem znającym daną jurysdykcję.

Jak Kit podchodzi do dostępności portalu kandydata?

Kit traktuje doświadczenie kandydata jako pełny proces, a nie tylko moment wysłania formularza. Obecna implementacja ma kilka przydatnych rozwiązań stanowiących podstawę dostępności, ale Kit nie przeszedł pełnego publicznego audytu i nie deklaruje zgodności z WCAG 2.2 AA.

Formularz zgłoszeniowy korzysta z natywnych etykiet i elementów sterujących w podstawowych polach. Po nieudanym wysłaniu pokazuje podsumowanie błędów, na które można przenieść fokus i którego linki prowadzą do odpowiednich pól. Zachowuje też wpisane wartości oraz, w stosownych przypadkach, dodane CV, dzięki czemu kandydat poprawia błąd zamiast zaczynać od nowa. Po udanym wysłaniu otrzymuje trwałe potwierdzenie złożenia zgłoszenia w widoku tylko do odczytu, z numerem referencyjnym, który może zachować.

Planowanie rozmów korzysta z przycisków wyboru daty, natywnych opcji radiowych dla godzin, widocznego oznaczenia fokusu i natywnego okna dialogowego do zmiany terminu, które ma dostępną nazwę. Testy przeglądarkowe sprawdzają obsługę klawiaturą na tej części procesu. Strony dla kandydatów mogą też udostępniać wersje angielską, niemiecką, francuską, hiszpańską i polską.

Pozostało kilka ważnych zadań. Portal kandydata potrzebuje linku pomijającego nawigację i głównego obszaru, na który można przenieść fokus. Po ujawnieniu panelu z datami trzeba lepiej zarządzać fokusem lub komunikatami przekazywanymi przez obszar aktywny (live region). Dynamicznie tworzona czynność „Usuń plik” wymaga dostępnej nazwy i świadomego przywrócenia fokusu. Rozbudowany selektor strefy czasowej oraz przejście przez autoryzację GitHub nadal wymagają pełnych testów całej ścieżki z klawiaturą i czytnikami ekranu w obsługiwanych zestawach.

Właśnie dlatego kilka poprawnie zbudowanych elementów nie wystarcza do ogólnej deklaracji dostępności. Odpowiedzialne podejście wymaga usunięcia tych braków, audytu na kilku zestawach, udziału osób z niepełnosprawnościami, publikacji zakresu oraz utrzymania testów w procesie wydawania zmian.

Dostępny formularz rekrutacyjny nie sprowadza się do jednorazowego certyfikatu. O jego działanie trzeba dbać przy każdej zmianie formularzy, integracji, języków i etapów rekrutacji. Testuj całą ścieżkę, zapisuj problemy blokujące, zapewnij możliwość kontaktu z człowiekiem i naprawiaj wszystko, co nie pozwala wykwalifikowanej osobie dotrzeć do twojego zespołu.

Powiazane artykuly

Gotowy na madrzejsza rekrutacje?

Zacznij za darmo na 30 dni. Zrezygnuj przed końcem, a nie zapłacisz ani grosza. Skonfiguruj swój pierwszy pipeline rekrutacyjny w kilka minut.

Zacznij za darmo