Dostępność zaczyna się od obietnicy z reklamy
Osoba, która klika reklamę, ma zwykle konkretne oczekiwanie: chce sprawdzić cenę, zakres usługi, warunki dostawy albo możliwość kontaktu. Strona docelowa powinna szybko potwierdzić, że trafiła we właściwe miejsce. Jeśli reklama dotyczy wyceny naprawy, nie kieruj odbiorcy na ogólną stronę główną, na której musi sam szukać formularza. Jasny nagłówek, zwięzły opis i widoczny następny krok pomagają wszystkim użytkownikom, także tym, którzy mają trudności ze wzrokiem, koncentracją lub obsługą urządzenia.
Dostępność nie jest osobnym dodatkiem do kampanii. To sposób usuwania przeszkód między intencją odbiorcy a treścią oferty. Przejrzyj stronę tak, jakbyś widział ją pierwszy raz: czy bez domysłów wiadomo, czego dotyczy oferta, co stanie się po kliknięciu przycisku i jakie informacje trzeba podać? Zadbaj też o spójne nazwy. Jeżeli reklama zapowiada „bezpłatną konsultację”, strona nie powinna nazywać tej samej czynności wyłącznie „wysłaniem zgłoszenia”.
Czytelny tekst i układ, który prowadzi wzrok
Stosuj krótkie akapity, zrozumiałe nagłówki i język, którym posługują się Twoi klienci. Ważną informację, na przykład obszar działania lub wymagany termin, umieść blisko początku strony. Nie ukrywaj istotnych warunków w drobnym druku. Tekst powinien pozostawać czytelny na telefonie bez powiększania całej strony i przewijania jej w poziomie. Pomaga odpowiedni rozmiar liter, odstęp między wierszami oraz rozsądna szerokość kolumny.
Unikaj układu, w którym o znaczeniu decyduje wyłącznie położenie elementu lub jego kolor. Zamiast pisać „wybierz zieloną opcję po prawej”, nazwij przycisk zgodnie z działaniem, na przykład „Poproś o wycenę”. Dziel dłuższą ofertę na logiczne części: korzyści, szczegóły, warunki i kontakt. Jeżeli używasz zdjęć lub ikon, niech wspierają przekaz, a nie zastępują informacji potrzebnych do podjęcia decyzji. Obraz przekazujący ważną treść powinien mieć odpowiedni opis tekstowy.
Kontrast i stany elementów interaktywnych
Jasnoszary tekst na białym tle może wyglądać subtelnie w projekcie, ale bywa trudny do odczytania, szczególnie na telefonie w mocnym świetle. Sprawdź kontrast nagłówków, zwykłego tekstu, etykiet pól, komunikatów o błędach i przycisków. Oceniaj nie tylko makietę, lecz także gotową stronę: tekst na zdjęciu może stać się nieczytelny, gdy obraz zostanie inaczej wykadrowany na mniejszym ekranie. W razie wątpliwości wybierz wyraźniejsze zestawienie kolorów lub jednolite tło pod tekstem.
Przycisk powinien wyglądać jak element, który można nacisnąć, a link w tekście powinien dać się rozpoznać także bez rozróżniania kolorów, na przykład dzięki podkreśleniu. Sprawdź, czy po przejściu do przycisku klawiszem Tab widać wyraźne zaznaczenie. To samo dotyczy pól formularza i rozwijanych list. Nie usuwaj widocznego obramowania aktywnego elementu tylko dlatego, że nie pasuje do projektu; można je dostosować do identyfikacji wizualnej bez odbierania użytkownikowi wskazówki, gdzie aktualnie się znajduje.
Formularz, który pomaga zamiast zgadywać
W formularzu proś wyłącznie o informacje potrzebne do wykonania obiecanego działania. Przy każdym polu umieść trwałą, jednoznaczną etykietę, na przykład „Adres e-mail”, zamiast polegać tylko na podpowiedzi znikającej po rozpoczęciu wpisywania. Wyraźnie oznacz pola obowiązkowe i wyjaśnij wymagany format tam, gdzie ma to znaczenie. Jeśli pytasz o numer telefonu, zastanów się, czy jest konieczny na tym etapie. Mniejsza liczba pól ułatwia wypełnienie formularza i ogranicza ilość zbieranych danych.
Gdy użytkownik popełni błąd, pokaż komunikat przy właściwym polu i napisz, co trzeba poprawić. Sam czerwony obrys nie wystarczy. Nie kasuj wcześniej wpisanych odpowiedzi po nieudanej próbie wysłania. Upewnij się, że cały formularz da się przejść klawiaturą w logicznej kolejności, a po wysłaniu pojawia się zrozumiałe potwierdzenie lub informacja o problemie. Informację o wykorzystaniu danych podaj prostym językiem i nie łącz jej wizualnie z przyciskiem tak, by trudno było ją zauważyć.
Prosty przegląd przed uruchomieniem kampanii
Otwórz stronę na telefonie i komputerze. Powiększ tekst, przejdź od początku do końca samą klawiaturą, spróbuj wypełnić formularz z pustym polem obowiązkowym i sprawdź, czy potrafisz poprawić błąd bez ponownego wpisywania wszystkiego. Poproś też osobę niezwiązaną z przygotowaniem strony, aby powiedziała, czego dotyczy oferta i jaki będzie skutek wysłania formularza. Taki przegląd nie zastępuje pełnego audytu dostępności, ale pomaga wykryć częste przeszkody przed skierowaniem ruchu z reklam.
Po uruchomieniu kampanii obserwuj wyniki w kontekście konkretnej strony i komunikatu reklamowego. Niewiele wysłanych formularzy nie dowodzi samo w sobie, że winny jest formularz: odbiorca mógł oczekiwać innej oferty albo nie znaleźć potrzebnych warunków. Zapisuj wprowadzane zmiany i sprawdzaj, czy ułatwiają zrozumienie oraz wykonanie zadania. Celem jest strona, na której odbiorca może świadomie zdecydować, co zrobić dalej — bez przeszkód ukrytych w tekście, wyglądzie lub obsłudze.
