Dostępność w sieci 101: Projektowanie dla wszystkich

Projektowanie stron internetowych dotyczy dostępności. Większość projektantów stron internetowych dąży do tworzenia produktów dla jak największej grupy odbiorców, rzucając swoje projekty jak otwarte sieci, aby zapewnić im największy napływ użytkowników.

I chociaż w tej zasadzie projektowania jest logika, przysłania ona nieco prostszą i bardziej inkluzywną zasadę: projektowanie dla wszystkich ludzi, nie dla większości.

Optymalizuj zawartość, aby każdy możliwy użytkownik mógł cieszyć się Twoją witryną i wchodzić z nią w interakcję oraz uzyskać dostęp do dostępnych informacji i danych. Zaangażowanie w tę praktykę pomoże rozwinąć szerszy rynek i zdywersyfikować bazę klientów. 15% światowej populacji ma pewien stopień niepełnosprawności.

Są to ludzie, którzy, jak wszyscy, często korzystają z internetu i w dużym stopniu polegają na komunikacji i narzędziach cyfrowych. Optymalizacja witryny, aby zapewnić użytkownikom wspaniałe wrażenia, może rozszerzyć sieć interakcji. Ćwicząc uwzględnianie w swoim projekcie, będziesz w stanie dotrzeć do milionów osób, które często są pomijane.

Projektowanie pod kątem dostępności nie musi być trudne. Musi być tylko prosty i uwzględniać wszystkich potencjalnych użytkowników. Oto jak zoptymalizować swoją witrynę, aby uzyskać maksymalną dostępność.

Zrozum swoich użytkowników

Znajomość odbiorców jest kluczowa w każdym projekcie, więc to najlepsze miejsce, aby zacząć. Zrozum, że Twoi użytkownicy mogą obejmować osoby o różnych możliwościach. Niektórzy użytkownicy mogą mieć problemy ze słuchem lub wzrokiem, inni mogą mieć zaburzenia napadowe, a jeszcze inni mogą mieć problemy z poruszaniem się.

Chociaż nie możesz projektować dla każdego możliwego scenariusza, poszerzysz swoje horyzonty projektowe, jeśli poświęcisz czas na przemyślenie jak największej liczby. Po zastanowieniu się nad rozszerzonym gronem odbiorców zrób rozeznanie. Przeczytaj studia przypadków, porozmawiaj ze znajomymi, którzy mają doświadczenie, zapoznaj się z przewodnikami dotyczącymi ułatwień dostępu.

Może spróbuj wziąć stronę z dziedziny edukacyjnej, zasady projektowania uniwersalnego są dobrym punktem odniesienia.

Pomyśl o UX

Teraz, gdy udało Ci się już porozumieć z przyszłymi użytkownikami, umieść to zrozumienie w swojej strukturze doświadczenia użytkownika (UX). Ten krok pomoże Ci wczuć się w użytkowników i rozważyć rzeczy, o których wcześniej mogłeś nie pomyśleć. Wskaże Ci również wiele różnych definicji technologii wspomagających.

Tak jak projektant powinien brać pod uwagę zachowanie witryny w każdej większej przeglądarce, tak technologie wspomagające powinny być częścią listy kontrolnej funkcjonalności. Czasami nawet najmniejsze zmiany w projektowaniu stron internetowych mogą otworzyć nowe drzwi dla niepełnosprawnych użytkowników.

Prosta zmiana

Na przykład prawdopodobnie najłatwiejszą do wdrożenia zmianą jest sposób używania znaczników z naciskiem.

Wizualnie nie ma różnicy między <b> i <strong> , a <i> nie wygląda inaczej niż <em> . Ale w przypadku osób niepełnosprawnych te tagi mogą znacznie zmienić doświadczenia użytkowników.

Chociaż są one renderowane tak samo, skutecznie pogrubione i pochylone , różnica między tymi tagami polega na ich funkcji. Podczas gdy prostsze tagi pogrubione i kursywą mają charakter prezentacyjny (zmieniają sposób renderowania tekstu), mocne i uwydatnione wskazują różne wzorce mowy w technologii wspomagającej.

Ale to nie jest tak proste, jak ślepe zastąpienie wszystkich <b> przez <strong> . Wiele nagłówków używa na przykład pogrubionego tekstu dla kontrastu, ale być może nie jest najlepiej, aby użytkownicy niepełnosprawni mieli tutaj do czynienia ze <strong> . Pomyśl: „Czy ten tekst musi być wymawiany inaczej, aby użytkownik mógł doświadczyć jego pełnego znaczenia?” Jeśli nie, rozważ porzucenie <strong> lub <em> , chyba że są naprawdę konieczne.

Subtelne zmiany i uwagi, takie jak ta, mogą mieć ogromne znaczenie dla użytkowników niepełnosprawnych. Ważne jest, aby aktualizować, a nie obniżać UX.

Projektowanie dla osób niedowidzących

Chociaż powyższe porady już przynoszą korzyści osobom niedowidzącym, nie każdy z problemami wzroku będzie miał ten sam poziom lub typ upośledzenia. Równie ważne jest oferowanie opcji, które mogą pomieścić tych, którzy zachowują wzrok.

Rozważ te elementy:

• Zezwalaj użytkownikom na powiększanie czcionki. Większość przeglądarek zrobi to za Twoją zgodą lub bez niej, ale będzie to wyglądało ładniej, jeśli masz do tego przygotowany CSS.
• Unikaj niektórych kombinacji kolorów, takich jak czerwony i zielony lub niebieski i żółty. Dlaczego zamiast tego nie użyć koloru, aby zwiększyć liczbę konwersji, jednocześnie zwiększając dostępność?
• Kod w „tekście alternatywnym”. Tekst alternatywny można odczytać za pomocą technologii wspomagającej i wyjaśnić wszelkie grafiki na stronie.
• Używaj kropek w skrótach, nawet tych dobrze znanych. Sposób, w jaki czytnik ekranu przetwarza informacje, jest często fonetyczny: wyobraź sobie, że słyszysz „Fibby” kontra FBI

Więcej informacji na temat sposobów włączania elementów dla osób niedowidzących można znaleźć w American Foundation for the Blind.

Projektowanie dla niesłyszących

Chociaż osoby niedosłyszące wymagają mniej udogodnień, ostatnie trendy w korzystaniu z wideo na stronach internetowych zwiększyły potrzebę inteligentnych wyborów projektowych. Jeśli więc Twoja witryna zawiera jakiekolwiek elementy dźwiękowe, użyj napisów kodowanych lub tłumaczenia na język migowy.

Unikaj pokusy korzystania z automatycznych napisów — zatrzymaj się przy dowolnym losowym filmie, który został przetworzony przy użyciu automatycznej transkrypcji, aby zobaczyć tłumaczenia słów, które nie mają sensu i mogą być policzalne.

Szczegółowe wytyczne dotyczące napisów można znaleźć tutaj.

Projektowanie dla padaczki światłoczułej

Jeden z problemów projektowych dotyczy powszechnego korzystania z wideo, zwłaszcza wideo, które wykorzystuje funkcję autoodtwarzania, otaczającego użytkowników cierpiących na epilepsję światłoczułą. Użytkownicy ci mogą doświadczyć napadów padaczkowych wywołanych efektami stroboskopowymi lub ruchomymi obrazami. Projektanci stron internetowych mogą użyć narzędzia do analizy padaczki światłoczułej, aby sprawdzić prawdopodobieństwo, że ich zawartość wywoła atak.

Jeśli treść zostanie zidentyfikowana jako zagrożona, ale nie można jej zmienić w celu zmniejszenia ryzyka, zawsze ostrzegaj o potencjalnych możliwościach i nie odtwarzaj automatycznie wideo. Upewnij się, że ostrzeżenie jest widoczne i blisko przycisku odtwarzania.

Projektowanie pod kątem niepełnosprawności ruchowej

Niektóre upośledzenia ruchowe mogą obejmować całkowitą utratę kontroli motorycznej po łagodne drżenie. Każdy poziom upośledzenia skutkuje tym samym doświadczeniem użytkownika w witrynie, która ich nie uwzględniła:

• Użytkownicy muszą włożyć większy wysiłek, aby dotrzeć do linków i mogą szybko się męczyć.
• Użytkownicy nie mogą poruszać się po stronie, ponieważ nie pozwala na korzystanie z klawiatury.
• Konieczność przewijania długiej strony powoduje zmęczenie, ponieważ nie ma opcji „powrót do góry” ani pominięcia.

Witryny zoptymalizowane pod kątem ekranu dotykowego lub delikatnego wprowadzania myszą mogą mieć poważniejsze konsekwencje dla osób o ograniczonej sprawności ruchowej, co może spowodować, że witryna stanie się bezużyteczna.

Włączenie elementów projektu, takich jak nawigacja, którą można obsługiwać za pomocą klawiatury, i częste linki kotwiczne, które mogą przyciągnąć użytkownika do różnych sekcji strony, może znacznie pomóc tym użytkownikom.

Utwórz „podstawową” opcję witryny

Twój projekt jest bezbłędny, interaktywny i efektowny, wykorzystuje najnowsze i najlepsze trendy dostępne na otwartym rynku – i jest ledwo dostępny dla żadnego z wyżej opisanych użytkowników.

Jeśli brzmi to jak projekt strony internetowej, łatwiejszą alternatywą może być stworzenie „prostego” układu, który użytkownicy mogą włączać i wyłączać. Będzie to atrakcyjne nie tylko dla niepełnosprawnych użytkowników: dla użytkowników cierpiących na przykład na migreny wywołane wysokim kontrastem, łatwo dostępny przełącznik może być różnicą między zostaniem klientem a wyjściem, aby zmagać się z migreną trwającą trzy godziny.

Na tym też nie zatrzymuj. Zastosuj tę samą opcję do swoich list subskrypcji, umożliwiając użytkownikom łatwą edycję swoich preferencji przed otrzymaniem e-mail marketingu.

Staraj się rozumieć różnych użytkowników. Myśl o nich. Im lepiej rozumiesz i wczuwasz się w swoich użytkowników, tym łatwiej dostępny stanie się projekt UX. Kto wie? Możesz nawet zmienić czyjś świat.