Dostępność strony: co to jest i dlaczego jest tak istotna?
Internet jest tak globalnym i wszechobecnym zjawiskiem, że wpływa na wszystkie aspekty naszego życia. Pomyśl o tym, czy możesz sobie wyobrazić świat bez Internetu?
I chcociaż ja sama pochodzę z pokolenia, które nie miało gadżetów w dzieciństwie (może oprócz elektronicznego chińskiego zegarka), ale faktem jest, że świat bez Internetu stanie się zupełnie inny. Sieć łączy ludzi z całego świata, pomaga nam otrzymywać wiadomości i informacje, przechowywać dokumenty, planować trasy podróży, a nawet dbać o nasze zdrowie. Jednak dostępność sieci nie zawsze jest gwarantowana.
Mówią, że Sieć toleruje wszystko i każdy może wejść do internetu i nauczyć się czegoś. Brzmi świetnie, ale to nieprawda. Obecnie istnieje wiele stron, niedostępnych dla osób niepełnosprawnych. Porozmawiajmy więc o tym czym jest dostępność strony i dlaczego tak ważne jest aby Twoja witryna była dostępna dla wszystkich.
Czym właściwie jest dostępność strony?
Około 15% ludzi na Ziemi ma wady słuchu, wzroku, poruszania się lub zdolności poznawczych. I chociaż dostęp do informacji dla takich osób przestrzega lista praw człowieka, wciąż niektóre ze stron www są niedostępne dla nich. Aby zapewnić pewien poziom dostępności, strona musi być odpowiednio zaprojektowana i zakodowana.
Sposoby na ułatwienie dostępu
Kontrast kolorów
Subtelne przejście kolorów może wyglądać naprawdę pięknie i wyrafinowane, ale są ludzie, którzy nie widzą wystarczająco dobrze lub mają trudności z postrzeganiem kolorów. Używanie bardzo kontrastowych kolorów (jak czarny i biały, żółty i czarny, czerwony i biały) może nie tylko wyglądać wspaniale, a być wygodne dla takich osób.
Rozpoznawanie głosu
Dzięki pojawieniu takich serwisów jak Siri, Alexa i Cortana, sterowanie gadżetami za pomocą głosu staje się coraz bardziej popularne. Są też ludzie, którzy z jakiegoś powodu nie mogą użyć swoich rąk. Jednak oni będą mogły korzystać z witryny za pomocą głosu tylko wtedy, gdy zostanie ona dostosowana do takich manipulacji.
Tekst na mowę
Ludzie, którzy mają problemy z wzrokiem lub są całkowicie ślepi, używają wyspecjalizowanego oprogramowania, które tłumaczy tekst na mowę. Jednak oprogramowanie to nie będzie w stanie określić, co jest na zdjęciu, chyba że wpiszesz jakiś tekst jako opis alternatywny.
Layout i design
Skomplikowany i oryginalny design może zaimponować odwiedzającemu, ale może też go zmylić. Jeśli odwiedzający nie rozumie, co powinien zrobić na witrynie - zdecydowanie zrobiłeś coś złego. W takim przypadku im łatwiejsza jest nawigacja i układ, tym lepiej.
Powiadomienia
Niektórzy właściciele witryn nie uważają, że trzeba powiadamiać użytkowników o działaniach, które wykonują. Ale kiedy wypełnisz formularz, a następnie zniknie bez żadnego potwierdzenia, może to być raczej nieprzyjemna niespodzianka. To samo dotyczy powiadomień o błędach. Nienawidzę wiadomości "Nieprawidłowe dane". Gdy komunikat o błędzie wyraźnie informuje, co zrobiłeś źle i jak to naprawić, pomoże to użytkownikowi zaoszczędzić sporo czasu.
Duże elementy kontrolne
Małe przyciski i klikalne elementy są dobre tylko wtedy, gdy chcesz, aby użytkownicy nigdy ich nie klikali. Użytkownicy komputerów z normalną zwinnością będą mogli je kliknąć, ale Ci, którzy wejdą na Twoją stronę z tabletu lub smartfona, albo starsi ludzie będą mieli problemy z kierowaniem małą strzałką kontrolną. Upewnij się, że najważniejsze przyciski (np. "Kup teraz") Twojej witryny są wystarczająco duże.
Konfigurowalna zawartość
Różni ludzie mają różne potrzeby. Niektórzy wolą pomniejszyć tekst i zdjęcia, inni nie będą w stanie odczytać tekstu, jeśli litery są zbyt małe. Jeśli podasz zapewnisz im ręczną kontrolę dostosowania rozmiarów, zdecydowanie ulepszy to UX.
Elementy sterujące klawiatury
Nie każdy może korzystać z myszy. Można by pomyśleć, że korzystanie z myszy jest łatwym zadaniem, ale są ludzie, którzy mają problemy z koordynacją lub mogą używać tylko przycisków na klawiaturze. Jeśli Twoja strona mogłaby być obsługiwana za pomocą klawiatury, z pewnością ułatwiłaby życie takich osób.
Napisy do filmów
Głuche i osoby słabo słyszące również chcą oglądać filmy, ale jest to niemożliwe bez dołączonych do nich napisów. Dodanie tekstu do filmu nie jest tak skomplikowane, jak możesz sobie wyobrazić, więc powinieneś o tym pomyśleć.
Oczywiście, lepiej zobaczyć raz, niż przeczytać tysiąc razy, poniżej jest wideo W3C Web Accessibility Initiative, które opisuje wszystkie te funkcje w szczegółach:
Nie tylko osoby niepełnosprawne mogą korzystać z tych funkcji. Kontrastujące kolory ułatwiają użytkownikom czytanie tekstów na telefonie pod jasnym słońcem. Napisy w filmie staną się przydatne, gdy osoba chciałaby obejrzeć wideo w przestrzeni publicznej, gdzie nie wolno hałasować. Transformacja tekstu na mowę daje możliwość wykonywania różnych zadań na raz. Ale czy wprowadzanie wszystkich tych funkcji na stronę jest opłacalne dla jej właścicieli?
W jaki sposób dostępność strony pomoże Ci zwiększyć swoje dochody?
Oczywiście możesz powiedzieć: "Dobrze, wymieniłeś mi zalety, jakie uzyskają osoby niepełnosprawne, ale co otrzymam z tego ja?". To trochę samolubne, ale zazwyczaj dostosowanie strony pod względem dostępności wymaga czasu, sił i pieniędzy, więc jest to również sprawiedliwe. Mam jednak odpowiedź - powinieneś dodać wszystkie te funkcję, ponieważ dostępność strony może sprawić, że stanie się ona bardziej opłacalna.
Przede wszystkim dostosowywanie witryny do wymagań dostępności wzmocni jej użyteczność. Interfejs stanie się wygodniejszy dla wszystkich użytkowników, a nie tylko dla niepełnosprawnych ludzi. Im lepsze UX będziesz zapewniał swoim użtykownikom, tym częściej będą wracali do niej i rekomendowali innym. Rozszerzasz zasięg i zwiększasz ruch - w ten czy inny sposób Twoja strona staje się bardziej wydajna.
Po drugie, dostępność strony pomaga ulepszyć jej wskaźniki SEO. W rzeczywistości Google można nazwać "osobą niepełnosprawną" - nie słyszy plików audio i nie określa, co jest na zdjęciu. Transkrypcja tekstowa plików audio i tytuły alternatywne, dołączona do zdjęć, pomagają Google je zobaczyć i znaleźć Twoją witrynę. Im łatwiej znaleźć Cię przez Google - im wyższy ranking strony w wyszukiwarkach.
Wreszcie, w niektórych krajach prawo wymaga od wszystkich osób, aby zrobiły wszystko, co jest możliwe dla osób niepełnosprawnych. Pakiety leków z powiadomieniami brajlowskimi, specjalne systemy dla wejścia na schody/piętro, powiadomienia dźwiękowe na ulicach - wszystko to już stało się koniecznością i ma wpływ na dostępność strony www.
WCAG
Aby zagwarantować osobom niepełnosprawnym wysoki poziom dostępności, Inicjatywa Dostępności do Sieci (WAI - Web Accessibility Initiative) w ramach World Wide Web Consortium (W3C) stale opracowuje dokument o nazwie Web Content Accessibility Guidelines (WCAG). Dokument ten zapewnia zestaw standardów dostępności strony i zapewnia, że będą one podobne we wszystkich krajach. Zawiera zestaw zaleceń dotyczących rzeczy, które należy zrobić, aby strona była dostępna. Zalecenia te nazywane są Kryteriami Sukcesu i według nich strona internetowa może osiągnąć jedną z trzech rang: A, AA lub AAA. Testowanie odbywa się za pomocą automatycznych systemów i testerów, którzy sprawdzają, czy treścią witryny są zgodne z kryteriami sukcesu i oceniają użyteczność platformy.
Najnowsza wersja WCAG, wersja 2.1 została opublikowana 5 czerwca 2018 r. i zawiera wszystkie wymagania określone w poprzednich wersjach. Oznacza to, że jeśli witryna spełnia standardy WCAG 2.1, automatycznie dopasuje się do wszystkich pozostałych wersji WCAG. Każda nowa wersja dodaje nowe wytyczne do istniejącej listy. W poprzedniej wersji WCAG 2.0 jako ISO standard został zaakceptowany ISO/IEK 40500, a WCAG 2.1 jako standard Unii Europejskiej EN 301549.
Co należy zrobić aby Twoja strona spełaniała standardy dostępności WCAG?
Oczywiście, możesz wykonać wszystkie niezbędne modyfikacje samodzielnie własnymi rękami. Będziesz musiał dokładnie przejrzeć dokument WCAG 2.1 i sprawdzić wszystkie wymienione tam wymagania. ęMoże to wymagać dużo czasu i sił, ale jest też inne rozwiązanie. TemplateMonster niedawno dodał usługę, o nazwie Website Accessibility Suite, która pomoże Ci dostosować swoją stronę pod względem dostępności bez konieczności spędzania tygodnia na przeczytanie dokumencji WCAG 2.1.
W ramach tej usługi Twoja strona uzupełniona o specjalny panel, zapewniający dodatkowe funkcje kontroli odwiedzającym. Użytkownicy i potencjalni klienci będą mogli dostosować wygląd strony według własnych specjalistycznych potrzeb. Będą mogli korzystać z kolejnych narzędzi:
- Dostosowanie kontrastu. Użytkownik otrzymuje pięć wariantów trybów kolorów, w tym tryb domyślny, tryb nocny i trzy typy wyglądu o wysokim kontraście.
- Dostosowanie fontów. eśli użytkownik będzie musiał dostosować rozmiar tesktu lub sprawić aby miał bardziej czytelny wygląd (na przykład wybrać Sans-Serif zamiast jakiejś skomplikowanego fontu niestandardowego) - to narzędzie pomoże mu to zrobić.
- Podświetlenie linków. Czasami linki nie są oczywiste nawet dla zwykłych użytkowników, ale ten instrument pozwoli każdemu zdefiniować klikalne części strony bez wyszukiwania.
- Wyróżniający się kursor. Jeśli struktura treści nie będzie zrozumiała dla odwiedzającego, będzie miał możliwość wyróżnienia nagłówków i podtytułów w tekście.
- Duży wskaźnik. Standardowy kursor może być zbyt mały dla niektórych osób, więc to narzędzie pomoże im rozwiąć ten problem.
- Lanca powiększająca. Powiększanie strony może być bardzo wygodne i pomoże zapoznać się z dorbnymi elementami.
- Wyłączanie animacji. Istnieją rodzaje animacji, które mogą być irrytujące dla niektórych osób, więc byliby bardzo wdzięczni za możliwość ich wyłączenia.
Jak widać, ta usługa pomoże Ci poradzić sobie z większością funkcji ułatwień dostępu i znacznie ulepszyć UX. Jeśli zdecydujesz się na dostosowanie strony pod względem zgodności z dokumentami WCAG 2.1, ten wygodny zestaw narzędzi pomoże znacznie skrócić proces dostosowywania.
Pamiętaj, że dzięki tej ofercie TemplateMonster Twoja witryna będzie zgodna z podstawowymi standardami WCAG 2.1. Jednak każdy kraj ma swoje wymagania, oparte na WCAG, więc proszę wziąć to pod uwagę przy tworzeniu swojej strony.
* * *
Dostosowanie strony pod względem dostępności przyniesie Ci duże zyski, a także ułatwi osobom niepełnosprawnym dotarcie do niej. Jeśli chcesz, aby ktoś stał się Twoim klientem, musisz dać mu możliwość interakcji z Twoją witryną. Nie marnuj czasu, zacznij działać zgodnie z WCAG 2.1, korzystaj z usługi Website Accessibility Suite, a zobaczysz jak zwiększy się ruch.
Ten artykuł został przetłumaczony z angielskiego. Oryginał można znaleźć tutaj: Website Accessibility: What Is That and Why Is It So Essential?.
* * *
P.S. Czy zwracasz uwagę na dostępność strony? Co robiłeś aby ulepszyć dostępność strony? Po przeczytaniu tego artykułu, co możesz powiedzieć o przestrzeganiu WCAG 2.1? Podziel się swoimi pomysłami i opinią w sekcji komentarzy poniżej.
Tworzenie responsywnych stron: jakie masz opcje? [Darmowa e-książka]
W branży IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwiązań użytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propagujące wiedzę z dziedziny SMM i rozwija swoją miłość do crossfitu.