Zacznij od stron, które naprawdę wykorzystasz
Szablon to punkt wyjścia, a nie gotowa dostępna strona. Jego podgląd może wyglądać dobrze, choć ważne czynności są trudne dla osób korzystających z klawiatury, powiększenia ekranu lub technologii wspomagających. Przed wyborem wypisz elementy potrzebne w Twojej witrynie: na stronie firmowej może to być formularz kontaktowy, na blogu lista wpisów, a w katalogu wyszukiwarka i filtry. Oceniaj przede wszystkim te widoki, zamiast kierować się atrakcyjną stroną główną.
Otwórz wersję demonstracyjną na komputerze i telefonie. Jeśli możesz pobrać szablon do testów, utwórz próbne podstrony z typową ilością tekstu, długimi tytułami i kilkoma obrazami. Sprawdzenie pustego, starannie przygotowanego podglądu nie pokaże, jak układ zachowa się przy Twoich treściach. Zanotuj znalezione problemy oraz to, czy da się je poprawić w dostępnych ustawieniach, czy wymagają zmian w kodzie.
Przejdź przez stronę samą klawiaturą
Odłóż mysz i użyj klawisza Tab, aby przechodzić między odnośnikami, przyciskami oraz polami formularza. Sprawdź, czy kolejność odpowiada temu, co widzisz na ekranie, i czy zawsze wiadomo, który element jest aktywny. Widoczna ramka lub inne wyraźne oznaczenie punktu skupienia, nazywanego fokusem, jest ważniejsze niż subtelny efekt pojawiający się dopiero po najechaniu myszą.
Otwórz i zamknij menu, rozwijane sekcje oraz okna, jeśli szablon je zawiera. Spróbuj wykonać podstawowe zadanie, na przykład dotrzeć do formularza i go wypełnić, bez klikania myszą. Zwróć uwagę, czy fokus nie znika i czy nie zostaje uwięziony w elemencie, z którego nie można wyjść. Jeżeli w podglądzie jest dużo ruchomych dodatków, oceń, czy można je zatrzymać lub pominąć. Szablon z prostszą nawigacją bywa łatwiejszy do dopracowania niż taki, którego podstawowe funkcje zależą od skomplikowanych efektów.
Sprawdź czytelność, powiększenie i układ mobilny
Przyjrzyj się tekstowi na przyciskach, w menu i na tłach zdjęć. Niski kontrast może sprawić, że napis będzie trudny do odczytania, nawet jeśli całość wygląda elegancko. Oceń również wielkość liter, odstępy i szerokość akapitów. Nie zakładaj, że problem rozwiąże późniejsza zmiana koloru, jeśli szablon nakłada napisy na obrazy o różnej jasności. Pomocne są narzędzia do sprawdzania kontrastu, ale warto też zwyczajnie przeczytać przykładową podstronę.
Powiększ widok w przeglądarce i sprawdź wąskie okno. Tekst powinien dać się przeczytać bez obcinania, a menu, przyciski i formularze nie powinny nachodzić na siebie. Zwróć uwagę na poziome przewijanie całej strony oraz małe elementy umieszczone blisko siebie. Przetestuj nie tylko stronę główną, lecz także długi artykuł, dane kontaktowe i inne widoki, z których zamierzasz korzystać. Widok mobilny powinien zachować treść i funkcje, a nie tylko zmieścić ozdobne elementy.
Oceń strukturę treści i formularze
Wygląd nagłówka nie mówi jeszcze, czy jest on prawdziwym nagłówkiem w strukturze strony. Jeśli masz dostęp do edytora lub narzędzi przeglądarki, sprawdź, czy tytuł strony i nagłówki kolejnych części tworzą logiczną hierarchię. Podobnie odnośniki powinny mówić, dokąd prowadzą: kilka przycisków opisanych wyłącznie jako „Czytaj więcej” może być niejasnych poza kontekstem. Ważne informacje nie powinny być przekazywane samym kolorem lub ikoną bez tekstowego wyjaśnienia.
W formularzu sprawdź, czy każde pole ma widoczną, zrozumiałą etykietę. Wyślij formularz bez wymaganych danych i zobacz, czy komunikat wskazuje konkretny błąd oraz sposób jego poprawy. Sam czerwony obrys pola nie wystarczy. Jeśli szablon zawiera przykładowe obrazy, oceń, czy pozwala dodać do nich sensowne opisy alternatywne. To Ty przygotujesz opisy właściwe dla swoich zdjęć, ale szablon i sposób jego obsługi nie powinny utrudniać tego zadania.
Oddziel wady szablonu od pracy nad gotową stroną
Podgląd pozwala wychwycić wiele przeszkód, lecz nie potwierdza pełnej dostępności przyszłej witryny. Znaczenie mają także Twoje teksty, obrazy, osadzone materiały, wtyczki i późniejsze zmiany. Automatyczne narzędzie kontrolne może wskazać część błędów, ale nie zastąpi próby wykonania zadania ani oceny, czy komunikaty są zrozumiałe. Gdy coś budzi wątpliwości, zapisz konkretny przykład: na jakiej podstronie występuje problem i co utrudnia.
Przed wyborem ustal, które problemy możesz poprawić samodzielnie, a które wymagają pomocy przy kodzie. Sprawdź też, czy twórca szablonu udostępnia opis jego funkcji i aktualizacji; ogólna deklaracja „dostępny” nie zastępuje testów. Po uruchomieniu strony ponów najważniejsze próby z własną treścią. Takie podejście pomaga wybrać szablon, z którym da się wygodnie pracować, zamiast odkrywać podstawowe przeszkody dopiero po publikacji.
