ArtykułPrzewodnik dla początkujących po ułatwieniach dostępu w sieci
Opublikowany: 2022-08-12Dostępność sieci jest ostatnio bardzo często w wiadomościach. Ostatnio sprawa dotycząca Domino's Pizza może trafić aż do Sądu Najwyższego, co może być przełomową decyzją, która ukształtuje przyszłość dostępności sieci.
Dostępne strony internetowe to po prostu te strony, które osoby niepełnosprawne mogą postrzegać, obsługiwać i rozumieć. Dobrze współpracują z technologiami pomocniczymi, takimi jak czytniki ekranu, zapewniają alternatywne media dla innych zaburzeń i umożliwiają nawigację za pomocą urządzeń innych niż mysz.
Niedostępna strona wyklucza potencjalną bazę klientów i zwiększa szanse na pozew na podstawie Tytułu III ADA. I może to zaszkodzić rankingom wyszukiwania – więcej o tym poniżej.
Około jedna na osiem osób w Stanach Zjednoczonych jest niepełnosprawna. Jeśli definicja zostanie rozszerzona o osoby, które są umiarkowanie upośledzone, liczba ta podskoczy do prawie jednej piątej.
Niedostosowanie się do tak dużej liczby odbiorców ogranicza pozytywny wpływ, jaki strona internetowa może mieć na Twój biznes – nie wspominając o zdolności Twojej marki do rezonowania z ludźmi i wzbudzania wiary. Stworzenie dostępnej strony internetowej, z której można korzystać w jak największej liczbie przeglądarek i przez jak największą liczbę osób, może pomóc Twojej firmie – ale jest to również po prostu właściwe rozwiązanie.
Celem tego przewodnika jest pomoc w zrozumieniu dostępności sieci, dzięki czemu możesz rozwijać swoją markę i lepiej służyć gościom witryny — ponieważ dokładnie tym są. Nie goście; nie klienci; ale goście, którzy liczą na to, że pomożesz im znaleźć informacje, których szukają. W tym przewodniku omówimy następujące kwestie:
- Co to jest dostępność sieciowa?
- Korzyści z dostępności
- Regulamin dostępności
- Standardy dostępności
- Testowanie ułatwień dostępu: automatyczne kontra ludzkie
- Ryzyko niezgodności
- Samoocena dostępności
- Pomocni eksperci i zasoby
Gdy skończymy, będziesz mieć jasne zrozumienie wszystkich rzeczy związanych z dostępnością sieci i dostęp do odpowiednich zasobów, które pomogą Ci przeprowadzić własną ocenę witryny. Zanurzmy się!
Co to jest dostępność sieciowa?
Zacznijmy od zdefiniowania dostępności. Według W3C (World Wide Web Consortium), „Dostępność sieci oznacza, że osoby niepełnosprawne mogą korzystać z sieci. Mówiąc dokładniej, dostępność sieci oznacza, że osoby niepełnosprawne mogą postrzegać, rozumieć, nawigować i wchodzić w interakcje z siecią oraz że mogą wnosić swój wkład w sieć. Dostępność sieci przynosi również korzyści innym, w tym osobom starszym o zmieniających się zdolnościach ze względu na starzenie się”.
Budując strony internetowe w BrandExtract, testujemy każdą wersję przeglądarki, z której korzysta ponad 1% odbiorców naszych klientów. Sensowne jest, aby strona internetowa mogła być używana w jak największej liczbie przeglądarek, więc nie wykluczamy potencjalnych klientów, partnerów lub pracowników. Mimo że wpływa to na całkowity koszt ich stron internetowych, nigdy nie musieliśmy nikogo przekonywać, że jest to opłacalny wysiłek.
Istoty ludzkie zasługują na taką samą – jeśli nie większą – uwagę jak przeglądarki internetowe.
Pierwszą rzeczą, którą zwykle bierzemy pod uwagę, omawiając dostępność sieci, jest użyteczność witryny dla osób niedowidzących, ale upośledzenie wzroku to tylko jedna kategoria niepełnosprawności. Upośledzenia słuchowe, fizyczne i poznawcze są równie ważne i należy się nimi zająć na różne sposoby.
Osoby z tymi zaburzeniami mogą korzystać z różnych urządzeń wspomagających, które ułatwiają poruszanie się po Internecie. Dostępne witryny internetowe to po prostu te, które dobrze współpracują z tymi urządzeniami pomocniczymi i starają się zapewnić użytkownikom wrażenia, które przede wszystkim minimalizują potrzebę korzystania z urządzeń pomocniczych.
Korzyści z dostępności
Dobre planowanie jest kluczem do tworzenia wysokiej jakości, użytecznych stron internetowych. Wymaga zastanowienia i dobrych procesów. Planowanie UX i prac projektowych w zakresie dostępności podnosi poprzeczkę dla szczegółów w Twojej pracy. Większa staranność zapewnia, że Twoja witryna działa dobrze zarówno dla ludzi, jak i robotów.
Te same informacje, które mogą być przydatne dla czytnika ekranu lub innych technologii pomocniczych, są również przydatne dla robotów wyszukiwarek, które przemierzają i indeksują Twoją witrynę. Według Google Webmaster Central Blog dostępne witryny są łatwiej indeksowane przez wyszukiwarki Google, co może prowadzić do lepszych dopasowań i wyższych pozycji w rankingu. Google podkreśla ten fakt od ponad dekady.
Wiele rzeczy, które robimy, aby strona internetowa była bardziej dostępna dla użytkowników z upośledzeniami, pomaga również innym użytkownikom. Większe czcionki, lepszy kontrast
Regulamin dostępności
Szybkie zastrzeżenie: nie jestem prawnikiem. Decyzje, które podejmujesz, aby wdrożyć cokolwiek mniej niż pełną zgodność ze wszystkimi przepisami opisanymi poniżej (i tymi pominiętymi), wiążą się z ryzykiem i powinny obejmować Twój zespół prawny. Posiadają odpowiednie kwalifikacje do oceny ryzyka i konsekwencji nieprzestrzegania tych przepisów. „Możesz zostać pozwany” to nie tylko przerażająca taktyka sprzedaży.
Przepisy dotyczące dostępności różnią się w zależności od kraju. Oto kilka, które musisz znać.
Stany Zjednoczone
W Stanach Zjednoczonych należy zapoznać się z ustawą Americans with Disabilities Act z 1990 r. z poprawkami (ADA), art. 255 ustawy o telekomunikacji z 1996 r., ustawą o dostępie do przewoźnika lotniczego z 1986 r. oraz ustawą o komunikacji i dostępie do filmów wideo XXI wieku z 2010 r. (CVAA).
Rząd Stanów Zjednoczonych
Jeśli tworzysz witrynę internetową dla amerykańskiej agencji rządowej lub podmiotu, który otrzymuje finansowanie od rządu, musisz również zapoznać się z sekcją 504 amerykańskiej ustawy o rehabilitacji z 1973 r. i sekcją 508 tych samych Stanów Zjednoczonych
Unia Europejska
Jeśli masz siedzibę lub prowadzisz znaczącą działalność gospodarczą w Unii Europejskiej (UE),
Kanada
A jeśli prowadzisz działalność w Kanadzie, upewnij się, że znasz kanadyjską ustawę o prawach człowieka oraz politykę dotyczącą komunikacji i tożsamości federalnej. Wiele innych krajów również ma swoje indywidualne przepisy.
To całkowicie naturalne, że czujesz się przytłoczony. Brak indywidualnej lub małej firmy
Standardy dostępności
Większość regulacji czerpie ze standardów WCAG 1.0 i WCAG 2.0 jako wytycznych do tworzenia dostępnych stron internetowych. Oba te standardy są tworzone i utrzymywane przez grupę roboczą Web Content Accessibility Guidelines, konsorcjum twórców stron internetowych i zaproszonych ekspertów z różnych firm i organizacji.
Grupa robocza WCAG jest jedną z wielu grup roboczych w ramach W3C (Konsorcjum World Wide Web). W3C to międzynarodowa społeczność zajmująca się standardami odpowiedzialna za HTML, CSS i wiele innych technologii, od których zależy sieć.
WCAG 1.0 i 2.0 w dużej mierze poprowadzą Cię w to samo miejsce, ale WCAG 2.0 ma łatwiejszą do zmierzenia heurystykę. Witryna zgodna z WCAG 1.0 prawdopodobnie będzie zgodna z WCAG 2.0. Wszystkie witryny zgodne z WCAG 2.0 będą zgodne z WCAG 1.0. Różnica między nimi polega na tym, jak organizują wytyczne. Cytując stronę W3C:
WCAG 1.0 jest zorganizowany wokół wytycznych, które mają punkty kontrolne o priorytecie 1, 2 lub 3. Podstawą do określenia zgodności z WCAG 1.0 są punkty kontrolne.
WCAG 2.0 jest zorganizowany wokół czterech zasad projektowania dostępności sieciowej. Każda zasada ma wytyczne, a każda wytyczna ma testowalne kryteria sukcesu na poziomie A, AA lub AAA . Podstawą do określenia zgodności z WCAG 2.0 są kryteria sukcesu.
WCAG to ewoluujący standard. WCAG 2.1 osiągnął status rekomendacji kandydata i może zostać przyjęty w każdym nowym ustawodawstwie już latem 2018 r. WCAG 2.1 jest dodatkiem do WCAG 2.0. Innymi słowy, witryna zgodna z 2.1 będzie zgodna z 2.0 i 1.0, więc sensowne jest kierowanie się do WCAG 2.1 we wszelkich nowych inicjatywach.
Zróbmy podział hierarchii WCAG 2.1. Przedstawione cztery podstawowe zasady projektowania to:
- Informacje i komponenty interfejsu użytkownika muszą być prezentowane w sposób, który mogą oni postrzegać.
- Komponenty interfejsu użytkownika i nawigacja muszą być sprawne.
- Informacje i działanie interfejsu użytkownika muszą być zrozumiałe.
- Treść musi być wystarczająco solidna, aby mogła być niezawodnie interpretowana przez szeroką gamę programów użytkownika, w tym technologie wspomagające.
W ramach każdej z tych zasad znajduje się szereg wytycznych. Na przykład, podporządkowując się pierwszej zasadzie, znajdziemy następującą wskazówkę:
- Twórz treści, które można prezentować na różne sposoby (na przykład prosty układ) bez utraty informacji lub struktury.
Podlegając tym wskazówkom, znajdujemy następujące kryteria sukcesu:
- Informacje, struktura i relacje przekazywane poprzez prezentację mogą być określone programowo lub są dostępne w tekście.
- Gdy kolejność, w jakiej prezentowana jest treść, wpływa na jej znaczenie, można programowo określić poprawną kolejność czytania.
- Instrukcje dotyczące zrozumienia i obsługi treści nie opierają się wyłącznie na właściwościach sensorycznych elementów, takich jak kształt, rozmiar, lokalizacja wizualna, orientacja lub dźwięk.
- Znaczenie każdego pola wejściowego zbierającego informacje o użytkowniku można określić programowo, gdy:
- Pole wejściowe ma znaczenie, które mapuje do nazw pól autouzupełniania HTML 5.2; oraz
- Treść realizowana jest przy użyciu technologii z obsługą identyfikacji oczekiwanego znaczenia danych wejściowych formularza.
- W treści zaimplementowanej przy użyciu języków znaczników przeznaczenie składników interfejsu użytkownika, ikon i regionów można określić programistycznie.
Każda zasada ma jedną lub wiele wytycznych, a każda z tych wytycznych ma jedno lub wiele kryteriów sukcesu. Obecny projekt WCAG 2.1 zawiera cztery zasady, czternaście wytycznych i siedemdziesiąt osiem kryteriów sukcesu. Strona internetowa musi zostać skontrolowana pod kątem wszystkich tych kryteriów, aby zapewnić zgodność ze standardem, a większość z tych kryteriów obejmuje wiele testów.
Ale czekaj, jest więcej. Każdy sukces
Poziom A (minimum)
Dotyczy najbardziej podstawowych funkcji ułatwień dostępu w sieci, ale generalnie nie zapewnia szerokiej dostępności
Poziom AA (średni zakres)
Rozwiązuje najczęstsze bariery dla niepełnosprawnych użytkowników i jest zgodny ze zrewidowanymi standardami 508
Poziom AAA (najwyższy)
Odnosi się do najwyższego poziomu dostępności sieci, ale nie jest zalecany jako ogólna zasada, ponieważ nie jest możliwe spełnienie wszystkich kryteriów w przypadku niektórych treści.
Wybierz dokładnie, jaki poziom zgodności chcesz osiągnąć dzięki stronie internetowej, ponieważ będzie to miało znaczący wpływ na harmonogram i budżet.
Testowanie ułatwień dostępu: automatyczne kontra ludzkie
Istnieją bezpłatne narzędzia i usługi online, które wykonają automatyczny test pojedynczej strony internetowej lub nawet całych witryn. Narzędziami mogą być wtyczki przeglądarki, samodzielne aplikacje komputerowe, usługi hostowane samodzielnie, bezpłatne usługi online
Nasze ulubione zautomatyzowane narzędzia to:
- tenon.io - Tenon to SaaS, który może wykonywać wyszukiwania na żądanie za pośrednictwem przeglądarki lub interfejsu API. Cena zależy od liczby żądań API (skanowań), które musisz wykonać. Jest bardzo dobrze udokumentowany i można go łatwo włączyć do SAM, CMS BrandExtract.
- AATT (Automated Accessibility Testing Tool) firmy Paypal — AATT to aplikacja node.js działająca jako usługa. Może skanować pojedyncze strony lub całe witryny i można go skonfigurować tak, aby uzyskiwał dostęp do niepublicznych (chronionych hasłem) stron internetowych. Żądania skanowania można przesyłać za pośrednictwem interfejsu API, a odpowiedzi zwracane są w łatwym do przeanalizowania formacie JSON. AATT można również łatwo zintegrować z SAM.
topór Developer Tools by Dequeue Systems - ax jest dostępny we wtyczce przeglądarki zarówno dla Chrome, jak i Firefox. Rozszerza wbudowane narzędzia programistyczne przeglądarek i tworzy ładny, łatwy do przeanalizowania raport z jasnymi zaleceniami.
Narzędzia te są szybkie i łatwe w użyciu, ale nie stanowią panaceum. Wiele wytycznych przedstawionych w dokumentach WCAG jest sformułowanych w sposób, który wymaga starannego analizowania i oceny. To, jak te wytyczne odnoszą się do unikalnych projektów, może być subiektywne. Dlaczego są sformułowane niejasno? Te wytyczne muszą być przyszłościowe.
Ponieważ sieć i związane z nią technologie są rozwijającym się medium, wytyczne musiały mieć zastosowanie do technologii, urządzeń i interfejsów, które jeszcze nie zostały wynalezione.
Co więcej, zautomatyzowane narzędzia testujące po prostu nie mogą postrzegać doświadczenia użytkownika w taki sam sposób, jak człowiek. Istnieją pomiary, z którymi możesz pracować, aby wykonać naprawdę dobrą robotę, na przykład czy czcionki spełniają kryteria minimalnego rozmiaru i kontrastu. Ale istnieje wiele innych zmiennych, które są trudniejsze do zmierzenia. Na przykład, czy znaczenie diagramu jest odpowiednio przekazane w tekście?)
Tu właśnie wkraczają ludzie. Testowanie strony internetowej na ludziach to celowy i rygorystyczny proces, który może zająć setki godzin. Ale ma to kluczowe znaczenie dla budowania empatii między odbiorcami a marką.
W idealnym scenariuszu testowanie powinno odbywać się z użytkownikami, którzy mają te same upośledzenia, do których się odnosisz, i wiedzą, co jest dobre, a co nie tak w witrynie.
Jedynym praktycznym sposobem na znalezienie zespołu tych ekspertów jest zlecenie na zewnątrz renomowanej stronie trzeciej, która specjalizuje się w testowaniu dostępności. Zatrudnienie ludzi do przetestowania strony internetowej pod kątem dostępności może być bardzo kosztowne. Może się okazać, że testowanie przez ludzi tylko bardziej złożonych, interaktywnych stron jest opłacalnym kompromisem.
Ryzyko niezgodności
Wszyscy chcemy wierzyć, że zbudujemy integracyjne strony internetowe po prostu dlatego, że jest to słuszne. Ale prawda jest taka, że czasami nasze dobre intencje przewyższają nasze portfele. Dlaczego firma miałaby wydawać tysiące dolarów na udostępnianie swojej strony internetowej?
Jednym z powodów jest minimalizacja ryzyka. Nawet jeśli nie świadczysz bezpośrednich usług konsumentom, nadal możesz być narażony na naruszenie jednego lub więcej przepisów.
Weź pod uwagę użytkowników, którzy szukają pracy w Twojej organizacji, ale zostali wykluczeni, ponieważ Twoja internetowa baza danych o ofertach pracy jest niedostępna. A co z inwestorami, którzy nie mają dostępu do finansów Twojej firmy? Kiedy takie rzeczy się zdarzają, możesz zostać uznany za naruszającego przepisy.
Nie ma instytucji rządowych, które spędzałyby czas na surfowaniu w sieci, kontrolowaniu witryn i szukaniu witryn, które nie spełniają wytycznych dotyczących dostępności sieci. Nie ma inspektorów, którzy „wypisują się”, gdy Twoja witryna jest gotowa do uruchomienia.
Upewnienie się, że praca jest dobrze wykonana, zależy wyłącznie od Twojej organizacji. Jesteś odpowiedzialny za wybór partnera, który poważnie traktuje dostępność sieci i ma zasoby, wewnętrzne lub zewnętrzne, aby upewnić się, że praca jest wykonana prawidłowo.
Trudno jest oszacować prawdopodobieństwo pozwania i późniejszych kosztów, ale nawet bezpodstawne procesy sądowe, które są łatwo odrzucane, mogą kosztować firmę wiele tysięcy dolarów w opłatach prawnych. A jeśli okaże się, że nie dołożyłeś wystarczających starań, aby Twoja strona internetowa była dostępna, prawdopodobnie przegrasz (lub zostaniesz zmuszony do rozliczenia).
W 2016 r. złożono ponad 260 pozwów o dostępność sieci, a w 2017 r. liczby te były znacznie wyższe. Nie dotyczy to spraw, które zostały rozstrzygnięte bez wchodzenia na drogę sądową. Porozmawiaj ze swoimi prawnikami, aby naprawdę poznać możliwości, ale wiedz, że ryzyko jest realne.
Jeśli chcesz dowiedzieć się więcej o ryzyku niezgodności, gorąco polecam ten wpis na blogu autorstwa Karla Grovesa. Jest to zrównoważony pogląd, poparty liczbami rzeczywistymi. Pamiętaj, że został napisany kilka lat temu, a krajobraz zmienił się wraz z liczbą wnoszonych pozwów.
Samoocena dostępności
Mamy nadzieję, że w tym momencie dobrze rozumiesz temat użyteczności. Ale to zupełnie naturalne, że czujesz się przytłoczony. Wprowadzanie drobnych ulepszeń to dobry początek zmniejszania ryzyka i potencjalnych szkód spowodowanych procesami sądowymi. Oto kilka kroków, które możesz wykonać:
Oceń swoje ryzyko
Skonsultuj się ze swoim zespołem prawnym i oblicz (najlepiej jak potrafisz) swoje ryzyko. Niech przeszukają rejestry publiczne pod kątem toczących się i niedawnych sporów sądowych w tej dziedzinie. Czy trendy idą w górę? Jaki procent się udaje? Czy wydaje się, że Twoja branża jest coraz bardziej aktywna? Co może kosztować Twoją organizację proces sądowy, zarówno w dolarach, jak i negatywny wpływ na Twoją markę? A co z utraconymi dochodami?
Zbadaj koszty
Jeśli tworzysz nową witrynę, poproś swoich partnerów programistycznych o utworzenie pozycji kosztu zapewnienia, że ich praca spełnia standardy WCAG 2.1 przy użyciu zautomatyzowanych narzędzi do testowania ułatwień dostępu. Rozważ również spotkanie z zewnętrznymi konsultantami ds. dostępności, którzy mają zasoby do przeprowadzania testów na ludziach. Uzyskaj ceny bezpośrednio od nich, aby mogli pracować niezależnie od Twojego programisty.
Zrobić matematykę
Brzmi to bezdusznie, ale prawda jest taka, że musisz ustalić, czy ryzyko przeważa nad kosztami. W BrandExtract wierzymy, że w przypadku większości witryn typu business-to-business (B2B) dokładne automatyczne testowanie zgodności z WCAG 2.0 Level A po uruchomieniu i wszelkie większe aktualizacje są opłacalnym rozwiązaniem, które pokazuje wyraźny wysiłek, aby witryna była dostępna. W przypadku witryn skierowanych do konsumentów lub witryn o bogatej, złożonej interaktywności mogą być wymagane dokładniejsze testy. Po raz kolejny należy skonsultować się z prawnikiem, aby uzyskać jasne i dokładne zrozumienie ryzyka niezgodności.
Ustal plan startu
Jeśli Twoja witryna jest skierowana do konsumentów, rozsądne byłoby przeprowadzenie testów na ludziach podczas uruchamiania nowej witryny lub za każdym razem, gdy przechodzi ona poważne zmiany. W przypadku witryny B2B bez dużej złożoności lub bogatych interakcji wystarczające może być automatyczne testowanie witryny.
Ustaw plan konserwacji
Każdy przedstawiony plan musi obejmować ciągłe testowanie, które odbywa się na żądanie lub automatycznie zgodnie z regularnym harmonogramem. Testy na ludziach są potrzebne tylko wtedy, gdy witryna przechodzi znaczące zmiany i/lub przeprojektowanie.
Pomocni eksperci i zasoby
Badając, jak osiągnąć zgodność, odkryjesz, że rozwiązanie nie zawsze jest jasne. Na szczęście mamy projekt A11Y. Projekt A11Y to organizacja społecznościowa, która koncentruje się na ułatwieniu zrozumienia i wdrożenia wytycznych dotyczących dostępności sieci. Oferuje konkretne sugestie dotyczące typowych wzorców projektowych, artykuły na temat dostępności, wyselekcjonowaną listę wydarzeń i listy kontrolne, aby upewnić się, że wykonałeś wszystkie ważne kroki.
„A11Y” to numeronim często używany w mediach społecznościowych i innych mediach o ograniczonej przestrzeni w odniesieniu do dostępności. Możesz po prostu przeczytać go jako „Ułatwienia dostępu” i użyć go, aby odkryć inne zasoby.
- Projekt A11Y
- Inicjatywa dostępności sieci W3C
- W3C
- WCAG 1.0
- WCAG 2.0
- WCAG 2.1 (Zalecenie Kandydata)
- Sekcja508.gov
- Wybór narzędzi oceny dostępności sieci
topór Narzędzia deweloperskie- Zautomatyzowane narzędzie do testowania dostępności
- Narzędzie do testowania online Tenon.io
- TinyMCE A11yChecker
- Sprawy dotyczące dostępności, trolle i taktyka zastraszania
- Specjalne podziękowania dla Kim Testy z Biura Dostępności do Internetu. Jej grupa oferuje zarówno testy automatyczne, jak i testy na ludziach, a ja czuję się mądrzejszy, że z nią rozmawiałem (choć wszelkie błędy w tym artykule są moje).
Kilka dodatkowych spostrzeżeń
SAM oferuje trzy możliwe integracje pomagające w automatycznym sprawdzaniu dostępności:
- Wtyczka TinyMCE A11yChecker to darmowy dodatek do wbudowanego edytora HTML SAM, który można włączyć na żądanie dla SAM w wersji 3.2 i nowszych.
- Integracja z hostowaną instancją AATT BrandExtract może być używana na SAM 3.2 lub nowszym.
- Integrację z tenon.io można wdrożyć na SAM 3.2 lub nowszym.
Posiadanie dostępnej strony internetowej to nie tylko unikanie ryzyka niezgodności. Co ważniejsze, chodzi o to, aby każdy użytkownik działał właściwie i konsekwentnie spełniał obietnicę marki. Jeśli potrzebujesz dodatkowych wskazówek na temat tworzenia dostępnej strony internetowej, obejrzyj nasz odcinek podcastu na temat dostępności stron internetowych lub skontaktuj się z naszym zespołem.