Zobacz wideo na platformie Youtube
Od 28 czerwca 2025 r. e-commerce powyżej 10 pracowników lub 2mln € obrotu będzie zobowiązany do przystosowania strony dla osób niepełnosprawnych.
Sprawdź: Wytyczne dla dostępności treści internetowych WCAG
Prawdziwym powodem, dla którego powinniśmy skupić się na dostępności, jest optymalizacja doświadczeń – a co za tym idzie – konwersji. W końcu każda strona internetowa reprezentująca firmę powinna dążyć do maksymalizacji interakcji użytkowników ze swoimi klientami.
Jeśli Twoja strona internetowa nie jest dostępna dla części klientów, prawdopodobnie tracisz sporo pieniędzy.
Jestem pewien, że w przyszłości dostępność będzie miała coraz większe znaczenie dla SEO. Google z pewnością będzie preferować strony dostępne, tak jak preferuje szybkie, dobrze zorganizowane strony z dobrą treścią.
Google stawia na doświadczenia użytkowników. Jeśli osoby próbują korzystać z Twojej strony, ale nie mogą, opuszczą ją. Google monitoruje te powroty do wyników wyszukiwania i stwierdza, że Twoja strona nie jest dobrym zasobem.
Rozmiar czcionki
Starsze osoby oraz osoby z problemami wzrokowymi często zwiększają rozmiar tekstu w ustawieniach swoich przeglądarek. Standardowe rozmiary czcionek nie zawsze są dla nich odpowiednie, dlatego ważne jest, aby strony internetowe były elastyczne i dostosowywały się do indywidualnych preferencji użytkowników. Używanie jednostek względnych takich jak rem, em czy procenty w projektowaniu stron pozwala na lepsze dostosowanie treści do potrzeb użytkowników, co jest kluczowe dla ich dostępności.
Jeśli chcesz sprawdzić czy Twoja strona używa takich jednostek – zmień podstawowy rozmiar czcionki w ustawieniach swojej przeglądarki i obserwuj jak zachowa się Twoja strona.
Kontrast
Kolejnym ważnym aspektem projektowania stron internetowych jest odpowiedni kontrast kolorów. Osoby z zaburzeniami wzroku często polegają na kontrastujących barwach, aby móc czytać informacje na stronie internetowej. Jeśli twoja strona korzysta z kolorów, które nie zapewniają odpowiedniego kontrastu, treści mogą stać się praktycznie niewidoczne dla osób z daltonizmem.
Dostosowanie kolorów do potrzeb wszystkich użytkowników jest zatem kluczowe dla ich dostępności.
Jeżeli chcesz zbadać kontrast poszczególnych elementów – możesz skorzystać z funkcji “zbadaj” lub podobnie brzmiącej funkcjonalności Twojej przeglądarki. Znajdziesz ją najczęściej klikając prawym przyciskiem myszy. Wszystko powyżej wyniki 4.5 jest dobrym wynikiem.
Możesz też skorzystać z oprogramowania WAVE
Fokus
Gdy użytkownik nawiguje stronę internetową za pomocą klawiatury, potrzebuje wizualnych wskazówek wskazujących, gdzie się znajduje i co jest aktualnie “zaznaczone” przez klawiaturę. Na wielu stronach brakuje jednak wskaźników fokusu, co sprawia, że osoby korzystające z klawiatury nie wiedzą, co jest aktualnie wybrane ani gdzie się znajdują na stronie.
Możemy – i powinniśmy rozszerzyć ten koncept na ogólnie wszystkie wizualne wskazówki na naszej stronie – podświetlanie wierszy formularzy, wyraźne efekty po najechaniu myszką (:hover) i tak dalej.
Jeśli nasi użytkownicy będą czuć się pewnie nawigując po naszej stronie – będą łatwiej przechodzić na kolejne etapy w naszych lejkach i procesach.
Formularze
Rzeczy o których warto pamiętać tworząc formularze:
- Etykiety pól – sam placeholder to zły pomysł
- Unikanie małych odstępów pomiędzy polami
- Należy podświetlać aktywne pole formularza
- Jeśli występuje błąd – należy dobrze poinformować użytkownika że formularz nie został wysłany – i wskazać wyraźnie w którym miejscu jest błąd
- Jeśli formularz został wysłany – należy wyraźnie poinformować o tym użytkownika.
Niby podstawowe rzeczy – ale w praktyce okazuje się, że większość formularzy nie przestrzega przynajmniej jednego z tych punktów.
Podsumowując
Jak widzisz, dostosowanie strony internetowej do potrzeb osób starszych nie wymaga skomplikowanych działań. Wprowadzenie zmian takich jak elastyczne rozmiary czcionek, odpowiedni kontrast kolorów oraz wyraźne wskaźniki zdecydowanie ułatwi korzystanie z Twojej strony.
To prostsze niż myślisz, a może znacząco poprawić doświadczenia użytkowników i zwiększyć konwersję.
