Jak stworzyć dostępną ankietę (WCAG)

Ten poradnik pomaga usunąć bariery, które uniemożliwiają wypełnienie ankiety osobom korzystającym z klawiatury, czytnika ekranu, powiększenia lub ustawień dla słabowidzących. Potraktuj go jako listę kontrolną przed publikacją badania.

Szerszy kontekst — cztery zasady WCAG, wymogi polskich przepisów i deklarację dostępności — opisuje artykuł o dostępnych ankietach.

Co zapewnia sama platforma

Interankiety są zbudowane zgodnie z WCAG 2.1 AA. Ankiety obsługuje się w całości klawiaturą przy widocznym wskaźniku fokusu, każde pole ma etykietę odczytywaną przez czytnik ekranu, domyślne motywy spełniają minimum kontrastu 4,5:1 dla tekstu i 3:1 dla elementów interfejsu, a komunikaty błędów są powiązane z polem, którego dotyczą.

Reszta zależy od Twoich decyzji przy budowie kwestionariusza — typów pytań, własnych kolorów i opisów alternatywnych. Temu służy poniższa lista.

Zasady, które warto przyjąć jako checklistę

  • Postrzegalność — kontrast, opisy alternatywne obrazków, żadnej informacji przekazywanej samym kolorem.
  • Funkcjonalność — pełna obsługa klawiaturą i widoczny wskaźnik fokusu.
  • Zrozumiałość — prosty język, przewidywalna kolejność pytań, konkretne komunikaty błędów.
  • Rzetelność — poprawne etykiety pól, czytelna struktura sekcji.

Najczęstsze problemy i jak je naprawić

Problem 1: zbyt niski kontrast

Jasnoszary tekst na białym tle to najczęstsza bariera w formularzach. Sprawdź osobno trzy elementy: treść pytań, podpowiedzi pod polami i etykiety przycisków. Kolory motywu ustawisz w kreatorze — zasady zmiany wyglądu opisuje artykuł o zmianie tła w formularzu. Docelowo: 4,5:1 dla tekstu, 3:1 dla przycisków i obramowań.

Problem 2: czytnik ekranu nie podaje kontekstu

Jeśli pytanie jest tylko grafiką albo treść niesie samo formatowanie, czytnik odczyta puste pole. Każde pytanie musi mieć etykietę tekstową, a obrazki niosące treść — opis alternatywny. Ozdobne grafiki zostaw bez opisu, żeby nie zaśmiecać odczytu. Przy formatowaniu treści trzymaj się zasad opisanych tutaj.

Problem 3: nawigacja klawiaturą nie działa

Przejdź ankietę Tabem od pierwszego pytania do przycisku wysyłki. Typowe usterki to niewidoczny fokus, kolejność pól niezgodna z układem wizualnym oraz elementy, których nie da się zaznaczyć spacją ani strzałkami. Jeżeli ankieta jest długa, podziel ją na sekcje przy pomocy grup pytań — krótsze strony są łatwiejsze w nawigacji.

Problem 4: pola obowiązkowe są niejasne

Sama gwiazdka przy polu nie zawsze jest odczytywana jako informacja o obowiązkowości. Dopisz to w treści etykiety i zadbaj, by komunikat błędu wskazywał konkretne pole i podpowiadał rozwiązanie — „Podaj adres e-mail w formacie nazwa@domena.pl” zamiast „Błąd”. Ustawienia opisuje artykuł o pytaniach obowiązkowych.

Problem 5: pytanie jest poprawne, ale niezrozumiałe

Dostępność to także język. Unikaj podwójnych przeczeń, żargonu i pytań podwójnych. Jedna myśl na pytanie, zdania krótkie, skale opisane słowami przy skrajnych wartościach — reguły dla skal zebrano w artykule o skali w ankiecie.

Problem 6: wersja osadzona działa inaczej niż wersja z linku

Formularz wstawiony na stronę dziedziczy style witryny, więc kontrast i fokus mogą wyglądać inaczej. Porównaj obie wersje: jeśli różnica występuje tylko po osadzeniu, przyczyna jest w arkuszu stylów strony. Instrukcję osadzania znajdziesz w artykule o wstawianiu formularza na stronę internetową.

Typy pytań wymagające ostrożności

Typ pytaniaDlaczego bywa problememAlternatywa
MacierzTrudna nawigacja po siatce przy czytniku ekranuOsobne pytania z tą samą skalą
Ranking przeciągnij i upuśćWymaga precyzyjnej obsługi mysząPrzypisanie numerów pozycjom
Mapa klikalnaBez opisu tekstowego jest niedostępnaLista opcji z opisami
SuwakTrudny do ustawienia klawiaturąSkala z przyciskami

Checklista przed publikacją

  • Każde pytanie ma etykietę tekstową odczytywaną przez czytnik ekranu.
  • Cała ankieta działa z klawiatury, wskaźnik fokusu pozostaje widoczny.
  • Kontrast tekstu wynosi co najmniej 4,5:1, elementów interfejsu 3:1.
  • Żadna informacja nie zależy wyłącznie od koloru.
  • Komunikaty błędów wskazują pole i podpowiadają, co poprawić.
  • Obrazki niosące treść mają opisy alternatywne.
  • Macierze rozbite lub opatrzone alternatywą.
  • Ankieta sprawdzona przy powiększeniu 200 procent.
  • Wersja osadzona przetestowana osobno.

Zanim uruchomisz badanie, przejdź jeszcze standardową ścieżkę z artykułu o testowaniu ankiety przed rozpoczęciem badania.

Powiązane artykuły

FAQ

Jak sprawdzić, czy moja ankieta jest dostępna?

Wykonaj trzy testy przed publikacją. Przejdź całą ankietę samym klawiszem Tab i sprawdź, czy widzisz, gdzie jesteś, oraz czy dotrzesz do przycisku wysyłki. Powiększ stronę do 200 procent i zobacz, czy nic się nie ucina. Na koniec uruchom czytnik ekranu i posłuchaj, czy pytania są odczytywane razem z opcjami odpowiedzi.

Jaki kontrast powinny mieć kolory ankiety?

Minimum 4,5:1 dla zwykłego tekstu i 3:1 dla dużego tekstu oraz elementów interfejsu, czyli przycisków i obramowań pól. Najczęstszy błąd to jasnoszare podpowiedzi pod polami — sprawdź je osobno, bo zwykle mają najniższy kontrast w całym formularzu.

Które typy pytań sprawiają problemy z dostępnością?

Pytania macierzowe, rankingi metodą przeciągnij i upuść, mapy klikalne oraz suwaki. Wszystkie zakładają precyzyjną obsługę myszą lub orientację w siatce, co jest trudne przy czytniku ekranu. Bezpieczne są pytania jednokrotnego i wielokrotnego wyboru, skale liczbowe i pola tekstowe.

Dlaczego ankieta osadzona na stronie działa gorzej niż wersja z linku?

Osadzony formularz dziedziczy część stylów witryny, więc kontrast, rozmiary czcionek i wskaźnik fokusu mogą wyglądać inaczej niż w podglądzie. Porównaj obie wersje: jeśli problem występuje tylko po osadzeniu, przyczyna leży w arkuszu stylów strony, a nie w samej ankiecie.

Czy Interankiety spełniają WCAG 2.1 AA?

Platforma jest zbudowana zgodnie z WCAG 2.1 AA — obsługa klawiaturą, etykiety pytań dla czytników ekranu, motywy o kontraście spełniającym minimum 4,5:1 i komunikaty błędów powiązane z polem. Fundament dostajesz z platformy, natomiast o dostępności konkretnej ankiety decydują też Twoje wybory: typy pytań, własne kolory i opisy alternatywne obrazków.

Czy dostępność ankiety jest wymagana prawnie?

Podmioty publiczne obowiązuje ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej, wymagająca poziomu WCAG 2.1 AA i deklaracji dostępności. Firmy obejmuje ustawa z 26 kwietnia 2024 r. wdrażająca Europejski Akt o Dostępności, obowiązująca od 28 czerwca 2025 r. dla wskazanych w niej produktów i usług.

Potrzebujesz pomocy? Skontaktuj się z nami

Talk to us!