Najlepsze praktyki tworzenia w pełni dostępnej strony internetowej

To oczywiste, że wszyscy chcemy mieć jak najwięcej odwiedzających naszą witrynę internetową. W dzisiejszych czasach projektowanie i tworzenie stron internetowych przekształciło się z wysoce kreatywnej estetyki w funkcjonalne funkcje o większej szybkości stron. Istnieje jednak niedawny przełom, który jest zbyt drogi, aby go zignorować: tworzenie stron internetowych z myślą o dostępności.

Niedawny raport Światowej Organizacji Zdrowia (WHO) na temat niepełnosprawności pokazuje, że około 15% ludzi cierpi na jakiś rodzaj niepełnosprawności. Przy dzisiejszym starzejącym się pokoleniu i szybkim rozprzestrzenianiu się chorób przewlekłych (w tym chorób autoimmunologicznych) potrzeba usunięcia barier w sieci nie jest już nieunikniona.

Podczas gdy początkowa myśl, która przychodzi do głowy, gdy mówimy o dostępności, to zaspokojenie potrzeb osób niepełnosprawnych, dostępność stron internetowych jest korzystna dla wszystkich. Koncepcja dostępności sieci została zainicjowana z zamiarem wyeliminowania ewentualnych barier internetowych, które uniemożliwiają każdemu (szczególnie osobom niepełnosprawnym) dostęp lub interakcję w sieci. Co więcej, wraz z rosnącą globalną świadomością w zakresie przyjmowania osób niepełnosprawnych, wprowadzanych jest kilka przepisów, które przynoszą korzyści tym użytkownikom. I dlatego musisz zacząć rozważać audyt zgodności ADA i dostępność sieci.

Dlaczego dostępność staje się coraz ważniejsza

Dostępność jest coraz ważniejsza, ponieważ zapewnia równe szanse i dostęp dla wszystkich, zwłaszcza osób cierpiących na jakąś formę niepełnosprawności. Daje im nieskrępowany dostęp i sprzyja środowisku wzajemnego szacunku i równych szans dla wszystkich.

Na przykład sieć stała się ważnym zasobem, który musi być dostępny dla wszystkich. Dostępna sieć może szczególnie pomóc osobom niepełnosprawnym — może nawet znacznie poprawić ich codzienne życie. Dostępność online może pomóc osobom cierpiącym na wszystkie formy niepełnosprawności (stałej, tymczasowej, sytuacyjnej lub warunkowej) w korzystaniu z wygodnego dostępu do informacji, dokonywaniu zakupów online lub zamawianiu usług.

Niestety, w tej wysoce cyfrowej erze nadal istnieje wiele barier internetowych, które uniemożliwiają wielu użytkownikom łatwą nawigację lub korzystanie z sieci. Wstaw WAI (Web Accessibility Initiative) z W3C (World Wide Web Consortium) — grupy, która zainicjowała koncepcję dostępności sieci. WCAG (Wytyczne dotyczące dostępności treści internetowych) są częścią serii wytycznych dotyczących dostępności stron internetowych, które zawierają zasady lub standardy dla osób tworzących strony internetowe. Wiele krajów przyjęło te standardy, uchwalając przepisy, zasady lub najlepsze praktyki dostępności online.

Definiowanie dostępności internetowej

Ale zanim zagłębimy się w tworzenie w pełni dostępnej witryny, najpierw omówimy, na czym polega dostępność w sieci.

Mówiąc najprościej, dostępność sieci to integracyjna praktyka polegająca na upewnianiu się, że nie ma barier uniemożliwiających interakcję z witryną internetową przez osoby niepełnosprawne fizycznie, niepełnosprawne sytuacyjnie oraz społeczno-ekonomiczne ograniczenia przepustowości i prędkości. Ponadto dostępna strona internetowa powinna również dobrze działać ze wszystkimi urządzeniami pomocniczymi.

Ogólnie dostępna strona ma uniwersalny wygląd. Jego konstrukcja wymaga od użytkownika minimalnego wysiłku. Powinna być również przyjazna dla użytkownika i zapewniać wszystkim lepsze wrażenia z korzystania z Internetu.

Zastosowanie dostępności internetowej

Wdrożenie dostępności sieciowej, wbrew powszechnemu przekonaniu, niekoniecznie jest trudne ani kosztowne. Uniwersalnym standardem projektowania stron internetowych jest już dostępny projekt. Uznaje, że użytkownicy mają zróżnicowany zestaw potrzeb. Tak więc podczas wstępnego projektowania witryny weź pod uwagę jej podstawowe wartości.

Proste połączenie i przestrzeganie zasad użyteczności i standardów dostępności sieci spowoduje powstanie dostępnej strony internetowej. Możesz zacząć od wdrożenia następujących zasad:

- Użyj dużego klikalnego obszaru do sterowania dotykowego

Unikaj używania małych klikalnych celów, ponieważ udowodniono, że jest to kłopotliwe dla osób z ograniczonymi ruchami motorycznymi, osób z problemami ze wzrokiem, a nawet osób z dużymi palcami. Zamiast tego używaj dużych celów do klikania i włącz również tekst o zmiennym rozmiarze, który nie uszkodzi Twojej witryny. Zaleca się użycie formatu 40x40 pt. klikalny obszar do sterowania dotykowego.

- Priorytet klarowności tekstu

Nadaj priorytet klarowności tekstu, aby osoby z problemami wizualnymi nie miały trudności z postrzeganiem tekstu lub bloków tekstowych w treści internetowej.

-Unikaj polegania wyłącznie na kolorze!

Istnieje około 300 milionów osób nierozróżniających kolorów, więc poleganie wyłącznie na kolorach nie jest dobrym pomysłem. Podczas projektowania przycisków, kart i innych funkcji/elementów sieci Web dobrą praktyką jest dodawanie etykiet zamiast wyłącznie używania kolorów. Co więcej, ostrożnie wybierz paletę kolorów i kontrast kolorów, ponieważ poza wadami wzroku niektórzy użytkownicy mają problemy z koncentracją i wrażliwością psychologiczną związaną z kolorami.

- Tekst linku opisowego

Pomóż użytkownikom odróżnić jeden link od drugiego, opisując wszystkie linki w tekście. Ułatwia to przejrzystość i użyteczność, szczególnie dla osób korzystających z urządzeń wspomagających. Ponadto podkreślaj wszystkie klikalne linki i unikaj skracania linków.

- Zamów zawartość w formacie HTML dla czytników ekranu

Zasadniczo treść powinna być uporządkowana w logicznej kolejności, aby użytkownicy czytników ekranu mogli ją lepiej zrozumieć. Zamawiając zawartość, zrób to w HTML i wyłącz CSS i JavaScript. To pozwoli Ci lepiej ocenić, czy Twoje treści są dostępne.

-Obsługa nawigacji klawiatury

Upewnij się, że Twoja witryna nie wymaga użycia myszy, włączając pełną nawigację za pomocą klawiatury w projekcie strony internetowej. Powinieneś zezwolić na nawigację w kolejności tabulacji, nawigację za pomocą klawiszy strzałek i zachować kotwice tekstowe dla wszystkich klikalnych linków.

- Nie zapomnij postępować zgodnie z listą kontrolną ułatwień dostępu

Chociaż powyższe praktyki pomogą Ci mieć dostępną witrynę, nie są one w pełni wyczerpujące. Należy zająć się większą liczbą barier dostępności, a najlepszym sposobem, jaki możesz zrobić, jest śledzenie obszernych zasobów, takich jak WCAG. Lista kontrolna ułatwień dostępu zawiera szczegółowe informacje o tym, jak udostępnić witrynę. Są to również kompletne i uznawane na całym świecie standardy.

Przewodnik po ułatwieniach dostępu i Oświadczenie o dostępności

Oświadczenie o dostępności służy jako publiczna deklaracja, że ​​zamierzasz spełnić zasady dostępności sieci. Pokazuje, że zamierzasz włączyć funkcje ułatwień dostępu, aby Twoja witryna była użyteczna i dostępna dla wszystkich. Publikując Przewodnik i Oświadczenie o dostępności, postaraj się, aby były one zwięzłe i merytoryczne.

Testowanie użyteczności i dostępności

Testy użyteczności odnosi się do oceny użyteczności Twojej witryny. Zwykle opiera się na kilku kryteriach, takich jak łatwość uczenia się, wydajność, zapamiętywanie i zadowolenie użytkownika.

Testowanie dostępności to podzbiór testów użyteczności i zwykle obejmuje narzędzia lub prawdziwych ludzi (z pewną formą niepełnosprawności) do testowania dostępności Twojej witryny.

Końcowe przemyślenia

Dostępność sieci zapewnia wszystkim równe szanse w dostępie do sieci bez obawy napotkania trudności. Rzeczywiście, aby skutecznie stworzyć w pełni dostępną witrynę, powinieneś spróbować postawić się w sytuacji swoich użytkowników. Umożliwi to przeglądanie witryny z perspektywy użytkowników, a tym samym poznanie ich potrzeb.