UX i znaczenie dostępności w sieci

Opublikowany: 2022-03-11

Dostępność w sieci polega na zapewnieniu każdemu dostępu do tych samych informacji, niezależnie od upośledzeń, jakie mogą mieć użytkownicy.

Według Banku Światowego 1 miliard ludzi (15% światowej populacji) doświadcza jakiejś formy niepełnosprawności, z czego prawie 57 milionów w samych Stanach Zjednoczonych. (19% populacji USA według danych opublikowanych przez US Census Bureau w dniu 25 lipca 2012 r.)

Istnieją cztery luźno pogrupowane rodzaje niepełnosprawności, które mogą być tymczasowe lub trwałe: fizyczne (takie jak paraliż lub problemy z kontrolą motoryczną), sensoryczne (takie jak autyzm, głuchota lub ślepota), intelektualne (takie jak zespół Downa lub opóźnienia rozwojowe ) oraz choroby psychiczne (w tym schizofrenia i depresja). Wielu seniorów ma problemy z wiekiem i może również skorzystać z ułatwień dostępu.

Ważne jest, aby nie lekceważyć znaczenia dostępności sieci. Podczas gdy 20 lat temu internet był miejscem dla maniaków technologii, obecnie jest głównym źródłem informacji, rozrywki i komunikacji. Służy do wszystkiego, od zakupów po dzielenie się chwilami z przyjaciółmi, czytanie wiadomości, oglądanie programów telewizyjnych, ubieganie się o pracę, rezerwowanie wakacji i nie tylko. Jednak dla osób niepełnosprawnych istnieją bariery, które sprawiają, że wiele z tych rzeczy jest niedostępnych, ponieważ wiele stron internetowych nie uwzględnia ich potrzeb. Duża część internetu nie jest jeszcze traktowana jako przestrzeń publiczna i nie zapewnia dostępu dla wszystkich bez względu na możliwości.

Dostępność serwisu jest ważna dla niepełnosprawnych użytkowników.

Mity dotyczące dostępności w sieci

Dostępność, która nie jest po prostu całkowicie ignorowana, jest jednym z najbardziej zaniedbywanych aspektów projektowania stron internetowych. Cierpi na niedokładne pomysły rozpowszechniane w ciągu ostatnich 20 lat przez pozbawione skrupułów agencje cyfrowe oraz ich zespoły projektowe i programistyczne. Krytycy nie uznają innowacji technologicznych, zmian prawnych i poważnych zmian demograficznych, ponieważ postrzegają dostępność jako restrykcyjną i opcjonalną część tworzenia strony internetowej z dobrym UX dla wszystkich użytkowników. Większość dyskusji o tym, dlaczego dostępność nie jest tak naprawdę konieczna, obraca się wokół jednego lub kilku z następujących punktów:

1. „To jest brzydkie”.

Chociaż prawdą jest, że pełna dostępność wymaga od projektantów przestrzegania kilku ścisłych wytycznych, które mogą mieć wpływ na ogólny wygląd witryny internetowej lub aplikacji, niektóre ulepszenia — takie jak zapewnienie alternatywnych opisów tekstowych dla obrazów — nie będą miały zauważalnego wpływu na użytkownika berło. Dzisiejsza technologia umożliwia stworzenie modnej, interaktywnej, angażującej i dostępnej witryny internetowej; dlatego dostępność sieci nie powinna być dłużej postrzegana jako obciążenie. Poza tym jest też mnóstwo brzydkich, niedostępnych stron internetowych!

2. „To trwa zbyt długo, kosztuje za dużo i nie przynosi żadnych korzyści”.

Prawdą jest, że uwzględnienie dostępności nie zawsze jest rzeczą łatwą i prawdopodobnie wydłuży czas poświęcony na fazy koncepcji i rozwoju strony internetowej lub aplikacji. Zmniejszy to jednak czas poświęcany na ulepszanie strony i naprawy techniczne: czystszy kod, mniej błędów.

Myślenie o dostępności od samego początku projektu cyfrowego pomoże również ograniczyć późniejsze koszty, w tym konserwację i obsługę klienta. Z punktu widzenia SEO, dostępna strona internetowa pomoże również uzyskać lepsze rankingi. Wyszukiwarki takie jak Google działają podobnie jak osoba niewidoma korzystająca z czytnika ekranu. Podczas skanowania stron roboty rozumieją tylko tekst, dlatego ważne jest zaplanowanie architektury treści i nagłówków oraz zapewnienie alternatywnego tekstu dla obrazów.

3. „Nikogo to nie obchodzi”.

Ten argument wydaje się być głównym argumentem dla firm i agencji projektowych, które nie chcą inwestować czasu ani pieniędzy w celu udostępnienia strony internetowej. Patrząc na ich dane, okazuje się, że osoby niepełnosprawne nawet nie odwiedzają ich strony internetowej. (Och, jak na ironię! Jak mogliby, jeśli nie jest to dla nich dostępne?) Są również przekonani, że rynek i tak jest zbyt mały, aby mieć znaczenie.

Osoby z poważnymi upośledzeniami mogą stanowić niewielką część ich odbiorców, ale co z użytkownikami starszymi? A co z użytkownikami, którzy mają „drobne” upośledzenia, takie jak osoby niedosłyszące lub nierozróżniające kolorów? A co z przeciętnym użytkownikiem cierpiącym na wyniszczającą migrenę i niezdolnym do znoszenia jaskrawych kolorów lub nieskończonego przewijania stron napisanych czcionką 11px? Wielu użytkowników, których nie uznano by za „tradycyjnie” niepełnosprawnych, może ucierpieć z powodu niedostępnej strony internetowej.

Z drugiej strony, tak jak w prawdziwym życiu, udostępnianie technologii przynosi korzyści wszystkim. Rozważ napisy do telewizji w hałaśliwym barze lub podjazdach dla wózków inwalidzkich.

4. „To opcjonalne”.

Cóż, właściwie to nie jest. W wielu krajach istnieją przepisy zakazujące dyskryminacji osób niepełnosprawnych podczas świadczenia usług lub produktów. Tak więc teoretycznie, jeśli użytkownik niepełnosprawny nie może uzyskać dostępu do treści, ponieważ strona internetowa jest niedostępna, może legalnie pozwać o dyskryminację cyfrową. A te procesy sądowe zdarzają się z każdym rokiem coraz częściej, co często kosztuje firmy miliony dolarów.

Zapisz się na blog projektowy Toptal i otrzymaj nasz eBook

Powody, dla których warto dbać o dostępność sieci

1. Zgodność z prawem

W Stanach Zjednoczonych wymagania dotyczące dostępności są wymienione w ustawie Americans with Disabilities Act, uchwalonej w 1990 roku. W tamtych czasach dotyczyło to głównie sklepów fizycznych, więc sądy były podzielone co do tego, czy należy uwzględnić witryny i aplikacje. W 2017 roku do sądu federalnego w samych Stanach Zjednoczonych wniesiono ponad 800 pozwów, więc groźba sporu jest realna.

Chociaż Facebook był chwalony za swoje laboratorium empatii i zasady dotyczące dostępności, inne firmy nie miały tyle szczęścia. Netflix był kilkakrotnie pozywany przez różne stowarzyszenia osób niewidomych i niesłyszących. W końcu musieli zapewnić równy dostęp do jej treści wszystkim użytkownikom, w tym dodawać napisy do wszystkich swoich programów.

Netflix poprawił dostępność swojej strony internetowej dla niepełnosprawnych użytkowników, dodając do swoich programów napisy kodowane
Pozwany przez kilka stowarzyszeń dla niesłyszących użytkowników, Netflix zgodził się udostępniać napisy do wszystkich swoich treści.

2. Poprawiona reputacja

Firmy, które obejmują osoby niepełnosprawne, tylko na tym zyskują. Dążenie do zapewnienia pełnej dostępności strony internetowej lub aplikacji pozytywnie wpływa na reputację i kreuje wizerunek społecznej odpowiedzialności i troski o wszystkich użytkowników.

W procesie dodawania funkcji ułatwień dostępu giganci z Doliny Krzemowej nie wahają się wprowadzać innowacji do gry, inwestując miliony w technologię i przełomowe nowe funkcje. Na przykład Facebook wykorzystuje teraz sztuczną inteligencję, aby zapewnić swoim niewidomym użytkownikom automatyczny tekst alternatywny za pomocą technologii rozpoznawania obiektów. Ta funkcja pozwala teraz w pełni cieszyć się 2 miliardami zdjęć udostępnianych każdego dnia na Facebooku. Pomysł pochodzi głównie od Matta Kinga, niewidomego inżyniera oprogramowania pracującego z zespołem ds. dostępności. Facebook wykazał zaangażowanie w bycie firmą przyjazną dla osób niepełnosprawnych, zarówno w Internecie, jak iw świecie fizycznym.

Facebook wykazał zaangażowanie w projektowanie pod kątem dostępności za pośrednictwem laboratorium empatii
Matt King, niewidomy inżynier oprogramowania pracujący w Facebook Empathy Lab.

3. Pozyskiwanie nowych klientów

Ponad 80% osób z niepełnosprawnością zdecydowało się nie ufać usługodawcy z powodu barier, a słaba dostępność sieci jest jednym z głównych powodów. Ponieważ są one często ignorowane przez większość marek, niepełnosprawni użytkownicy chętniej wydają więcej swoich pieniędzy z firmami, które zapewniają im przemyślane wrażenia użytkownika. Siła nabywcza tego rynku jest ogromna.

Ulepszenia ułatwień dostępu nie odstraszą Twoich obecnych klientów, ale przyciągną nowych klientów i poprawią Twoje konwersje. Uznając użytkowników z niepełnosprawnością, dajesz im do zrozumienia, że ​​ich prawa mają znaczenie, a ich działalność jest ceniona.

Rodzaje niepełnosprawności i jak poprawić dostępność dla różnych upośledzeń

Istnieje wiele różnych trwałych i tymczasowych niepełnosprawności, a użytkownicy stają przed różnymi wyzwaniami i poszukują różnych rozwiązań. Aby móc oferować te same treści wszystkim, musisz odpowiedzieć na każdą potrzebę.

1. Niepełnosprawność sensoryczna

Problemy ze wzrokiem i słuchem są najczęstszymi niepełnosprawnościami sensorycznymi, ale istnieje również wiele innych upośledzeń, które również są dotknięte: seniorzy, osoby daltonistne lub niedosłyszące oraz wielu użytkowników autystycznych.

W przypadku użytkowników z wadami słuchu jednym krokiem w kierunku udostępnienia witryny lub aplikacji byłoby zaimplementowanie transkrypcji tekstu i napisów wideo. Są nie tylko niezbędne dla osób niesłyszących, ale są również przydatne dla słuchu.

Badanie dostępności przeprowadzone przez Ofcom wykazało, że 80% osób używających napisów nie jest ani głuchych, ani niedosłyszących. To typowy przykład dostępnej funkcji, z której wszyscy korzystają.

Jeśli chodzi o zaburzenia widzenia, większość wytycznych pomaga również każdemu typowi użytkownika. Niezależnie od tego, czy cierpisz na daltonizm, czy cierpisz na migrenę, podziękujesz projektantowi za użycie kontrastujących kolorów (tekstu i tła). Wszyscy skorzystają z większych, względnych rozmiarów czcionek (em, a nie pikseli) oraz opcji dostosowania rozmiaru, co jest szczególnie doceniane przez starszych użytkowników.

Jeśli chodzi o niewidomych użytkowników, chociaż mogą nie widzieć strony internetowej, usłyszą ją, dzięki czytnikom ekranu, takim jak JAWS i Window-Eyes dla Windows i VoiceOver dla Mac. Takie programy czytają treści na głos… i czytają to WSZYSTKO.

Aby ułatwić poruszanie się po stronach, użyj opcji „Przejdź do głównej treści”, aby uniknąć wielokrotnego czytania całego menu nawigacyjnego.

Prawidłowo ustrukturyzuj swoją stronę, używając różnych nagłówków (tylko jeden <h1>, a następnie nie pomijaj poziomów), dołącz opisy tekstowe do każdego obrazu, unikaj skomplikowanych tabel i starannie dobieraj hiperłącza tekstowe. Powinni odpowiednio opisać, dokąd prowadzi link: Użycie po prostu „kliknij tutaj” jest nieskuteczne dla użytkownika czytnika ekranu, ponieważ nie daje żadnych istotnych informacji.

Voiceover dla komputerów Mac umożliwia dostęp do sieci dla niewidomych użytkowników
VoiceOver dla komputerów Mac zapewnia słuchowe opisy każdego elementu na ekranie.

2. Niepełnosprawność ruchowa

Niektórzy użytkownicy mogą być na stałe lub tymczasowo niezdolni do korzystania z myszy lub gładzika. Dlatego mogą używać klawiatury tylko do przeglądania witryny, naciskając klawisze „tab” lub „strzałki”.

Zapewnienie, że strona internetowa może być w pełni obsługiwana tylko za pomocą klawiatury, jest jedną z najłatwiejszych i najtańszych funkcji do wdrożenia w dostępności sieci: wymaga niewiele pracy i można ją sprawdzić po prostu odłączając lub wyłączając mysz. Przeglądarki automatycznie wybierają klikalne elementy na stronie internetowej, naciskając klawisz TAB, co znacznie ułatwia dostępność, więc upewnij się, że zespół programistów go nie wyłączy.

3. Zaburzenia poznawcze

Użytkownicy z trudnościami w uczeniu się, zespołem Downa, ADHD, dysleksją i innymi zaburzeniami poznawczymi, w tym tymi, które czasami pojawiają się wraz z wiekiem, odniosą duże korzyści z przejrzystej treści i spójnego interfejsu użytkownika. Dlatego postaraj się zbudować logiczny interfejs (podobne kolory dla podobnych działań, kombinacje czcionek, proste animacje, wizualne podpowiedzi na prośbę o uczestnictwo itp.) i organizuj swoje treści za pomocą nagłówków, aby szybko zidentyfikować różne jej części.

Ustalenie reguł i wzorców oraz przestrzeganie zdefiniowanych zasad projektowania pomoże użytkownikom poruszać się szybciej i uniknąć niespodzianek w nawigacji, dzięki czemu będzie ona bardziej płynna i ogólnie bardziej zrozumiała. Uproszczenie i ujednolicenie interfejsu użytkownika witryny lub aplikacji prowadzi do lepszego doświadczenia wszystkich użytkowników.

Wskazówki dotyczące testowania dostępności stron internetowych

1. Postępuj zgodnie z wytycznymi

Istnieją międzynarodowe wytyczne dotyczące tworzenia łatwo dostępnych witryn internetowych: Wytyczne dotyczące dostępności treści internetowych (WCAG). Opracowany w procesie W3C, WCAG (obecnie WCAG 2.0) zapewnia jeden wspólny standard dostępności treści internetowych.

Wszystkie dokumenty WCAG, przeznaczone głównie dla programistów, projektantów i ekspertów ds. dostępności, wyjaśniają, jak uczynić stronę internetową bardziej dostępną i są zorganizowane według czterech zasad: postrzegalnej, operacyjnej, zrozumiałej i solidnej. Ten zestaw zaleceń pozwala osiągnąć poziom zgodności (A-minimalny, AA-satysfakcjonujący lub AAA-doskonały).

Wdrożenie wszystkich standardów WCAG zajmie trochę czasu, ale rozpoczęcie od podstaw może mieć ogromny wpływ na uczynienie Twojej witryny bardziej przyjazną dla użytkowników z różnymi wadami.

2. Sprawdź online lub za pomocą technologii wspomagającej

Istnieją narzędzia dostępne online, aby sprawdzić, czy witryna spełnia wytyczne dostępności, takie jak oficjalny walidator W3c. Należy pamiętać, że narzędzia online mogą nie znaleźć wszystkich problemów z dostępnością, ponieważ sprawdzają przede wszystkim techniczne aspekty witryny. Korzystanie z technologii pomocniczych, takich jak czytnik ekranu do testowania witryny, jest ważnym krokiem w zapewnieniu, że witryna jest naprawdę dostępna. Jednak chociaż są to niedrogie miejsca na początek, nigdy nie zastąpią one rzeczywistych opinii użytkowników. Ważne jest, aby użytkownicy z różnymi upośledzeniami byli uwzględnieni w procesie testowania użytkowników, jeśli dostępność jest szczerze uważana za priorytet.

Walidator W3C do sprawdzania dostępności sieci

3. Testowanie użytkownika

Kluczowe znaczenie ma włączenie osób niepełnosprawnych w proces testowania UX dla każdej nowej strony internetowej lub aplikacji przed jej uruchomieniem. Przekażą najtrafniejsze informacje zwrotne na temat tego, czy ich wrażenia z użytkowania są rzeczywiście przyjemne. Pracuj ramię w ramię z zaufanym projektantem UX, który przygotuje scenariusze testowe w zależności od różnych upośledzeń.

Uzyskanie zgodności z ułatwieniami dostępu nie jest już opcją

Dostępność jest głównym problemem, który staje się coraz większy, ponieważ coraz więcej codziennego życia odbywa się w Internecie, a populacja na świecie rośnie i starzeje się. Oczekuje się, że do 2050 r. starzejąca się populacja świata podwoi się. Ta zmiana demograficzna oznacza, że ​​wzrośnie wiele upośledzeń, które idą w parze z wiekiem.

Nie jest to proste zadanie, ale firmy, które nadal ignorują dostępność, muszą zrozumieć, że już tracą klientów i że w nadchodzących latach stracą jeszcze więcej, co w konsekwencji znacznie zmniejszy swoje przychody. W świecie, który poczynił postępy, uznając inne mniejszości, zaprzeczanie, że prawa dostępności są prawami człowieka, zaszkodzi również ich publicznemu wizerunkowi i reputacji.

Mając to na uwadze, im szybciej firma uzna dostępność za kluczową wartość przy tworzeniu strony internetowej lub aplikacji, tym szybciej zostanie rozpoznana jako firma, która nie zaniedbuje użytkowników niepełnosprawnych. Zyskają większy ruch, a co za tym idzie, prawdopodobnie więcej konwersji. Uznanie znaczenia dostępności sieci to sytuacja korzystna dla obu stron.

• • •

Dalsza lektura na blogu Toptal Design:

  • eCommerce UX – przegląd najlepszych praktyk (z infografiką)
  • Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
  • Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
  • Zasady heurystyczne dla interfejsów mobilnych
  • Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika