Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej Rozumiem

Strony internetowe przyjazne niepełnosprawnym

Wdrażając strony internetowe zawsze staramy się, aby docierały one do jak największej liczby odbiorców. Czasami jednak koszty związane z dostosowaniem strony i stworzeniem dodatkowych funkcjonalności, na przykład wersji kontrastowej czy opcji powiększenia czcionki, są zbyt duże, dlatego firmy rezygnują z takich rozwiązań, które właściwie powinny być standardem w XXI wieku.

lynxPrzeglądarka Lynx wyświetlająca stronę polskiej Wikipedii.

Szacuje się, że osoby z różnymi rodzajami niepełnosprawności stanowią 1/7 całej populacji światowej. Nawet przy ostrożnym założeniu, że tylko 1/10 z nich korzysta z internetu, jest to ogromna grupa, o której nie wolno zapominać. W dodatku zagadnienie dostępności stron staje się coraz popularniejsze ze względu na rozporządzenie Rady Ministrów, które nakazuje dostosowanie publicznych portali do potrzeb niepełnosprawnych obywateli do 30 maja 2015 roku.

Standardy

Standaryzacją wymogów, jeśli chodzi o sprawy związane ze stronami internetowymi, zajmuje się W3C, które utworzyło standard WCAG - Web Content Accessibility Guidelines (wytyczne dotyczące dostępności treści internetowych). WCAG 2.0 sam w sobie jest bardzo zwięzły. Zawiera tylko uniwersalne zalecenia, które czasem trudno zastosować bezpośrednio. Dlatego towarzyszą mu dwa szczegółowe dokumenty uzupełniające — Understanding WCAG 2.0 oraz Techniques for WCAG 2.0, które po wydrukowaniu zajmują już blisko tysiąc stron. Standard WCAG jest rekomendowany przez Unię Europejską.  

Jak sprawdzić czy strona na pewno jest przystosowana dla niepełnosprawnych?

Najlepiej wczuć się w rolę osoby niepełnosprawnej - korzystać z tych samych narzędzi, programów czytających strony, takich jak IVONA, czy przeglądarek tekstowych np.: Lynx. Można również spróbować znacząco zmniejszyć kontrast w swoim monitorze i sprawdzić, czy tekst dalej jest czytelny.

Dodatkowo dostępne są narzędzia online, które pozwalają na sprawdzenie i wykrycie pewnych błędów, przykładowo: http://achecker.ca/checker/ lub http://wave.webaim.org/. Jeśli istnieje taka możliwość, to najlepszym rozwiązaniem będzie przetestowanie strony przez osobę niepełnosprawną, wtedy uzyskamy wiarygodną opinię użytkownika.

Zalecenia, o których należy pamiętać przy budowie strony
  1. Najważniejsze, czyli struktura kodu, powinna być czytelna dla programów odczytujących strony - chociażby IVONA, którą warto przetestować przy wdrożeniu. Dbałość o semantykę to fundament dla strony przyjaznej niepełnosprawnym;
  2. Każdy obraz powinien zawierać tekst alternatywny (alt), formularze etykiety (label), a linki tytuły (title);
  3. Strona powinna mieć czytelny interfejs Oznacza to, że w górnej części powinno znajdować się logo, wyszukiwarka, przyciski zmiany języka, wersji kontrastowych oraz czcionki. Następnie menu (poziome lub pionowe), treść strony, a na dole stopka;
  4. Unikaj tworzenia więcej niż jednego przycisku “więcej” na stronie, dla osoby niewidzącej całej strony jest on niezrozumiały;
  5. Sprawdź, czy na Twojej stronie można przechodzić pomiędzy linkami za pomocą klawiatury (przycisk Tab);
  6. Strona powinna posiadać wersje kontrastowe: czarno-biały, czarno-żółty, żółto-czarny. Strona powinna posiadać również bezpośredni odnośniki do danej wersji graficznej (np.: http://domena.pl?szablon=czarny otworzy nam stronę z szablonem czarno-białym);
  7. Filmy oraz animacje powinny zawierać napisy;
  8. Korzystaj z nagłówków (h1-h6), aby treści na stronie miały jasną strukturę, a tytuły i śródtytuły były wyróżnione odpowiednim znacznikiem;
  9. Załączone dokumenty lub pliki do pobrania, nie powinny zawierać skanów dokumentów, lecz ich formę tekstową. Dzięki temu będą one łatwe do przetworzenia przez programy czytające;
  10. Stwórz linki na samym początku strony “Przejdź do menu”, “Przejdź do treści” prowadzące do odpowiednich sekcji;
  11. Wszystkie “klikalne” elementy (linki, przyciski, pola w formularzach etc.) powinny posiadać podświetlenie i/lub wyraźne obramowanie po zaznaczeniu (:focus).



Przykłady stron dostępnych dla niepełnosprawnych
  1. http://www.widzialni.eu/
  2. http://dostepnidlaciebie.org/
  3. http://www.trafrybnik.pl/

Mam nadzieję, że ten artykuł przyczyni się do stworzenia niejednej uniwersalnej strony internetowej, dostępnej dla wszystkich bez barier.