• Home
  • Blog
  • Na co koniecznie trzeba zwrócić uwagę przy projektowaniu stron dla niepełnosprawnych.

Na co koniecznie trzeba zwrócić uwagę przy projektowaniu stron dla niepełnosprawnych.

Niepełnosprawnych mamy w Polsce wielu. Szacuje się, że stanowią oni nawet 30% internautów. Niedostosowanie stron do ich potrzeb jest więc pozbawieniem strony wielu zasięgów, nie mówiąc już o ograniczeniu jej dostępności. Na co trzeba zwrócić uwagę, projektując stronę dla niepełnosprawnych? Czy trzeba to robić?

Strony dostosowane dla niepełnosprawnych – wymogi prawne

Nie ma takiego zapisu, który nakładałby na designerów obowiązek projektowania stron tak, aby były przyjazne niepełnosprawnym użytkownikom. Niemniej istnieje jeden wyjątek. 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 rzeczy, na które trzeba zwrócić uwagę podczas projektowania strony z myślą o osobach niepełnosprawnych. Warto jednak podkreślić, że w zależności od stopnia i rodzaju niepełnosprawności nie wszystkie funkcje są 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 spodziewa się czegoś zupełnie innego (bo do takiego interfejsu po prostu przywykł).

1. Pozwól na wybór rozmiaru czcionki

Podstawową opcją, która powinna znaleźć się na stronie dostosowanej do niepełnosprawnych, jest możliwość wyboru rozmiaru czcionki. Do zrealizowania tego celu nie musisz się nawet specjalnie namęczyć, bo możesz po prostu zainstalować widget. Sprawdź też, czy strona wygląda dobrze w dużym powiększeniu np. 200%.

screen przełącznika rozmiaru tekstu na stronie

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

2. Dodaj opisy

Alt tagi są niezbędne, jeśli chcesz dostosować stronę do potrzeb osób niepełnosprawnych. Dzięki alternatywnym opisom przy każdej grafice niewidomi będą w stanie dowiedzieć się, co przedstawia materiał. Dodatkowo “alty” są też korzystne dla strony, bo Google ocenia je lepiej.

3. Uprość strukturę strony

Spójna, czytelna i łatwa w obsłudze struktura jest wskazana właściwie dla każdego użytkownika. Może to wprawdzie nieco ograniczać designera, ale im prościej, tym lepiej. Nagłówki powinny być odpowiednio oznaczone, a schemat użytkowania na wszystkich podstronach taki sam lub bardzo podobny.

4. Myszka? Pewnie, ale klawiatura przede wszystkim

Większość niepełnosprawnych użytkowników korzysta z klawiatury, nie z myszki. Strona powinna być zatem dostosowana do takiej nawigacji. Natomiast w przypadku aplikacji trzeba zwrócić uwagę na komendy tekstowe i skróty.

5. 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 dodać 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

strona cppc.gov.pl po zmianie kolorów

6. Napisy

Jeśli na stronie znajdują się materiały multimedialne, należy opatrzyć je napisami. Do nagrań audio konieczna jest transkrypcja. Dzięki pamiętaniu o tym umożliwisz niepełnosprawnemu poznanie treści materiałów w pełni, nie tylko częściowo. Zasada ta dotyczy też dodawania plików na social media.

WCAG

Web Content Accessibility Guidelines to wytyczne usprawniania treści zawartych 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. Dostępne są np. na stronie fundacji Widzialni.

Twoja strona nie jest dostosowana dla niepełnosprawnych? Skontaktuj się z nami, a na pewno powiemy Ci więcej i przedstawimy możliwe rozwiązania!

Pamiętaj też, że możesz podzielić się tym artykułem z innymi. Być może dzięki Tobie kolejna strona stanie się bardziej przyjazna niepełnosprawnym?

Na co koniecznie trzeba zwrócić uwagę przy projektowaniu stron dla niepełnosprawnych.

Pod redakcją: Marta Ptasińska