Dostępność zaczyna się od tego, by ważne informacje i działania były zrozumiałe. Strona internetowa może wyglądać atrakcyjnie, a jednocześnie być trudna w obsłudze za pomocą klawiatury, przy powiększonym tekście lub z technologią asystującą. Zacznij od kilku praktycznych kontroli i poproś o odpowiednią weryfikację przez człowieka w przypadku potrzeb, których nie mogą ocenić narzędzia automatyczne.
Zadbaj o czytelną kolejność
Nadaj sekcjom opisowe nagłówki i ułóż je w kolejności odpowiadającej potrzebom odwiedzających. Nie polegaj wyłącznie na kolorze lub położeniu, by objaśniać znaczenie. Opcja cenowa powinna mieć tekstową etykietę, a komunikat o błędzie powinien wyjaśniać, co należy zmienić. Umieszczaj najważniejsze informacje w tekście strony, a nie wyłącznie na obrazie.
Zadbaj o zrozumiałe linki
Wybieraj etykiety linków, które opisują ich cel lub działanie. „Przeczytaj poradnik o warsztatach” łatwiej zrozumieć niż kilka niezwiązanych ze sobą linków o nazwie „Kliknij tutaj”. Sprawdź, czy do elementów interaktywnych można dotrzeć za pomocą klawiatury i czy widoczny wskaźnik fokusu pokazuje, który element jest zaznaczony.
Zadbaj o czytelną prezentację wizualną
Zadbaj o wystarczający kontrast i czytelny rozmiar tekstu. Sprawdź, czy strona nadal ma sens, gdy tekst zostanie powiększony lub ekran stanie się wąski. Unikaj dekoracyjnych animacji, które odwracają uwagę od głównej treści. Jeśli publikujesz animowany obraz, zastanów się, czy nie utrudnia czytania lub nie przekazuje informacji, którą należy również zapisać w tekście.
Zapewnij obrazom właściwy kontekst
Opisuj ważne obrazy zgodnie z ich funkcją. Technologie asystujące mogą pomijać obrazy dekoracyjne. Wykres lub obraz instruktażowy wymaga równoważnego wyjaśnienia, które nie zależy od możliwości obejrzenia grafiki. Testuj stronę z osobami korzystającymi z narzędzi, na których polega Twoja grupa odbiorców.
Praktyczne wprowadzenie znajdziesz pod adresem https://web.dev/learn/design/accessibility. W VollSite sprawdź wygenerowany wynik oraz wszelkie zmiany kolorów, tekstu, elementów sterujących lub obrazów. Pozytywny wynik automatycznego skanowania dostępności to przydatny dowód techniczny, ale nie jest pełnym certyfikatem dostępności. Zadbaj o prostotę strony, przetestuj rzeczywistą ścieżkę kontaktu i przed formułowaniem szerokich deklaracji dotyczących dostępności witryny zleć odpowiednią weryfikację przez człowieka.