Dostosowanie strony internetowej do potrzeb osób niepełnosprawnych – na co zwrócić uwagę?

Szacuje się, że osoby niepełnosprawne to nawet 30% internautów. Niedostosowanie strony Internetowej do ich potrzeb ogranicza jej dostępność (nieraz całkowicie), a tym samym zasięg, o całkiem duży ułamek. Na co trzeba zwrócić uwagę, projektując stronę w wersji dla osób niepełnosprawnych? 

Strony Internetowe dostosowane dla niepełnosprawnych – wymogi prawne?

Nie ma żadnego zapisu prawa, który nakładałby na designerów obowiązek projektowania prywatnych stron tak, aby były przyjazne niepełnosprawnym użytkownikom. Mimo to, warto wykazać się empatią i dodać do strony kilka elementów, które sprawią, że korzystanie z niej stanie się bardziej inkluzywne.

Natomiast od 2019 r. wszystkie podmioty publiczne muszą mieć strony i aplikacje dostosowane do potrzeb tej części społeczeństwa. Czy nakaz ten zostanie jakoś rozszerzony, tego nie wiemy, ale faktem jest, że najwięksi gracze na rynku już jakiś czas temu zwrócili uwagę na niepełnosprawnych (np. Google, Amazon, Apple).

Jak projektować strony dla niepełnosprawnych?

Istnieje kilka elementów i funkcjonalności, na które należy zwrócić uwagę podczas projektowania strony z myślą o osobach niepełnosprawnych – znajdziesz je poniżej. Warto jednak podkreślić, że w zależności od stopnia i rodzaju niepełnosprawności, nie wszystkie elementy będą dla każdego niepełnosprawnego użytkownika tak samo przydatne i oczywiste.

W czasie projektowania trzeba też pamiętać o tym, aby przypadkiem nie utrudnić korzystania ze strony osobom pełnosprawnym, np. poprzez implementację funkcji w miejscu, w którym przeciętny użytkownik się jej nie spodziewa.

Pozwól na wybór rozmiaru czcionki

Podstawową opcją, która powinna znaleźć się na każdej stronie dostosowanej do potrzeb osób niepełnosprawnych, jest możliwość wyboru rozmiaru czcionki. W tym celu możesz po prostu zainstalować widget. Sprawdź też, czy strona wygląda w miarę dobrze w dużym powiększeniu np. 200%. – nie bez znaczenia będzie jej responsywność.

Przykład implementacji tej funkcjonalności można znaleźć na każdej rządowej stronie i wszędzie wygląda on jak powyżej. Screen pochodzi ze strony smart.gov.pl.

Dodaj opisy alt do grafik

Właściwie oddające zawartość grafiki Alt tagi są niezbędne, jeśli chcesz dostosować stronę do potrzeb osób niewidomych lub niedowidzących. Dzięki alternatywnym opisom przy każdej grafice, będą w stanie dowiedzieć się, co przedstawia materiał. Dodatkowo, dobrze dobrane “alty” są doceniane przez Google i stanowią jeden z pozytywnych czynników wpływających na pozycjonowanie strony.

Uprość strukturę strony

Spójna, czytelna i łatwa w obsłudze architektura strony jest przydatna i korzystna właściwie dla każdego użytkownika, ale będzie szczególnie ważna dla osób niepełnosprawnych. Takie założenie może wprawdzie nieco ograniczać designera, ale zasada jest jasna: im prościej, tym lepiej.

Nagłówki powinny być odpowiednio oznaczone, a schemat nawigacji oraz UX na wszystkich podstronach taki sam lub bardzo podobny.

Klawiatura przede wszystkim

Część niepełnosprawnych użytkowników sieci domyślnie korzysta z klawiatury, a nie z myszki. Strona powinna być więc dostosowana również do takiej nawigacji. W przypadku aplikacji trzeba dodatkowo zwrócić uwagę na komendy tekstowe i skróty klawiszowe.

Odpowiednia kolorystyka

Kolory powinny ułatwiać odczytanie strony i nawigację po niej. W tym celu warto posłużyć się mocnym kontrastem, a najlepiej po prostu bielą i czernią. Jeśli brandbook nie pozwala na użycie danych barw, można zaprogramować funkcjonalność lub dodać do strony wtyczkę, która zmieni kolorystykę specjalnie dla osób niedowidzących. To rozwiązanie również możemy zobaczyć na stronach rządowych.

strona cppc.gov.pl po zmianie kolorów

Napisy i transkrypcje

Jeśli na stronie znajdują się materiały video, należy opatrzyć je napisami (przy okazji: zasada ta dotyczy też dodawania plików na social media).Do nagrań audio konieczna jest natomiast transkrypcja.

To pozwoli niepełnosprawnemu na poznanie treści materiałów w pełni, nie tylko częściowo.

WCAG

Web Content Accessibility Guidelines to wytyczne usprawniania treści publikowanych w Internecie. Zgodnie z nimi wszystkie strony www powinny być: dostrzegalne, sprawne, zrozumiałe i solidne. Jeśli chcesz mieć pewność, że nie popełniasz błędów w zakresie projektowania stron dla niepełnosprawnych, koniecznie sprawdź szczegóły dotyczące WCAG 2.0.