Czy Twoja witryna jest zgodna z ADA? Ostateczna lista kontrolna

Technologia spotyka się z prawem, ponieważ Departament Sprawiedliwości Stanów Zjednoczonych (DOJ) nakazuje wraz z ustawą o niepełnosprawnych Amerykanach (ADA), że wszystkie technologie cyfrowe muszą być łatwo dostępne dla osób niepełnosprawnych.

Kiedy ADA została po raz pierwszy uchwalona w 1990 roku, starała się chronić ludzi, którzy potrzebują udogodnień, takich jak rampy dla wózków inwalidzkich i windy.

Obecnie zgodność z ADA została rozszerzona na strony internetowe Departamentu Sprawiedliwości Stanów Zjednoczonych, często powołujące się na wytyczne dotyczące dostępności treści internetowych (WCAG) 2.0.

WCAG 2.0 podkreśla wiele kryteriów, dzięki którym strony internetowe są bardziej dostępne dla osób niepełnosprawnych, takich jak niedowidzący, ślepota, częściowa lub całkowita utrata słuchu, trudności w uczeniu się, zaburzenia mowy, wrażliwość na światło i tak dalej.

A zgodnie z Tytułem III ADA strony internetowe z niedostępnymi komponentami będą traktowane jako dyskryminujące osoby niepełnosprawne.

Co to znaczy?

Aby strona internetowa była zgodna z ADA (lub WCAG), musi być dostępna dla osób niepełnosprawnych. Oznacza to, że każdy, w tym osoby niepełnosprawne, powinien mieć możliwość łatwego poruszania się po Twojej witrynie, uzyskiwania dostępu do treści i angażowania się w kilka elementów na stronie. Mówiąc prościej, strona internetowa musi zapewniać skuteczną komunikację.

Na przykład trudne do zauważenia czcionki lub kolory mogą dyskryminować osoby z wadami wzroku. ADA zabrania takich praktyk.

Dlaczego Twoja witryna musi być zgodna z ADA?

Istnieje wiele zalet witryny zgodnej z ADA. Sprawdź je:

1. Unikaj kar

Cóż, to pierwsza korzyść wynikająca z przestrzegania przepisów ADA. Jeśli nie spełnisz tych kryteriów, grozi Ci powództwo zbiorowe. W rzeczywistości wiele cenionych marek, w tym Brooks Brothers, Foot Locker, Kylie Jenner i Fordham University, zostało pozwanych z powodu braku stron internetowych zgodnych z ADA (źródło: CWS).

2. Zwiększa grupę docelową

Według ankiety przeprowadzonej przez Service and Inclusion w Stanach Zjednoczonych jest około 50 milionów osób niepełnosprawnych. Oznacza to, że około 19 procent kraju jest niepełnosprawne. Dlatego jeśli Twoja strona nie jest dla nich dostępna, tracisz wielu klientów.

Na przykład, jeśli prześlesz film lub obraz do swojej witryny, który wyjaśnia zalety produktu bez napisów lub tekstu alternatywnego, niesłyszący lub niewidomi widzowie mogą nie zrozumieć, jak świetny jest produkt. Celem tekstu alternatywnego jest umożliwienie narzędziom do czytania ekranu przedstawiania elementów wizualnych.

3. Poprawia wysiłki SEO

Wyszukiwarki preferują strony internetowe z bardzo przyjaznym interfejsem użytkownika. Jeśli Twoja witryna jest zgodna z Wytycznymi dotyczącymi dostępności treści internetowych (WCAG), spodoba się ona zarówno czytnikom ekranu, wyszukiwarkom, jak i użytkownikom, ostatecznie poprawiając działania SEO (optymalizacji wyszukiwarek).

Dlatego należy poważnie rozważyć metatagowanie, transkrypcje wideo i teksty alternatywne.

4. Zwiększenie reputacji

Tworzenie witryny zgodnej z ADA może mieć psychologiczny wpływ na Twoich docelowych klientów. Na przykład osoby z wadami wzroku odwiedzające kilka witryn niezgodnych z ADA dostaną surową ofertę, jeśli chodzi o wrażenia z przeglądania. W tym miejscu Twoja witryna zgodna z ADA może zapewnić im wspaniałe wrażenia dla użytkowników, wywołując w ten sposób pozytywne wrażenie na temat Twojej marki.

Teraz, gdy jesteś już przekonany o znaczeniu zgodności z ADA, musisz chcieć poprawić dostępność swojej witryny? Nasza następna sekcja dotyczy tego samego. Więc zanurz się.

Jak poprawić dostępność?

W idealnej sytuacji każda strona internetowa powinna być dostępna/nawigowana dla użytkownika niezależnie od jego/jej upośledzenia psychicznego lub fizycznego. Dlatego lepiej podjąć działania, wykonując następujące kluczowe kroki:

• Krój pisma

Tekst jest kluczowym elementem dostępności sieci. Dlatego ważne jest, aby zwracać uwagę na kroje pisma. Niektóre z krojów pisma przyjaznych ADA to Tahoma, Calibri, Arial, Times New Roman, Helvetica i Verdana.

• Kontrast kolorów

Odpowiedni kontrast kolorów między tekstem a tłem jest pomocny dla osób z zaburzeniami wzroku, takimi jak ślepota barw.

Najważniejszy jest również wybór koloru tekstu. W szczególności powinieneś powstrzymać się od używania kolorów tekstu do komunikowania jakiegokolwiek znaczenia.

• Rozmiar czcionki

Przyzwoity rozmiar czcionki na stronie internetowej ułatwia użytkownikom czytanie treści. Chociaż nie ma wymaganego przez ADA rozmiaru czcionki do użytku w witrynie, ogólnie zaleca się, aby w tekście używać czcionki o rozmiarze co najmniej 12 do 14 pikseli. Tekst powinien być skutecznie wyświetlany na różnych urządzeniach, w tym na komputerach stacjonarnych, tabletach, telefonach komórkowych i innych.

• Dostępność klawiatury

Użytkownicy z niepełnosprawnością ruchową lub wadą wzroku napotykają trudności podczas korzystania z myszy. To sprawia, że ​​dostępność klawiatury jest dla nich kluczowa.

Projektując dostępną stronę internetową, upewnij się, że każdy interaktywny element (np. linki) jest możliwy do nawigowania za pomocą klawisza Tab. Ponownie klawisze strzałek w górę/w dół mogą być używane do rozwijania menu. Pomagają one użytkownikom korzystającym tylko z klawiatury, aby uzyskać dostęp do witryny bez kłopotów.

• Tekst alternatywny

Obecnie wszystkie strony internetowe zawierają różnorodne grafiki, obrazy, filmy i inne elementy wizualne. Problem polega na tym, że żadne urządzenia wspomagające, takie jak czytniki ekranu, nie mogą „odczytać” tych elementów wizualnych. Dlatego standard WCAG 2.0 wymaga od twórców stron internetowych używania alternatywnych opisów tekstowych dla elementów graficznych. Mogą to być tekst alternatywny, tekst napisów kodowanych itp.

Na początek możesz uniknąć wyświetlania ważnych informacji wyłącznie jako obrazu. Na przykład przycisk „dom” jest często reprezentowany przez symbol domu. Pamiętaj o dołączeniu opisu tekstu alternatywnego dla takich elementów.

Opisy tekstu alternatywnego do obrazów i podpisy kodowane do animacji i filmów wideo pozwalają osobom niedowidzącym zrozumieć zawartość strony. Od logo po przyciski nawigacyjne, mapy po wykresy lub schematy — ważne jest, aby dodać tekst alternatywny.

• Tekst hiperłącza

Hiperłącza są nieodzowną częścią każdej witryny. Promują łatwą nawigację po stronach i umożliwiają użytkownikom znalezienie dodatkowych informacji.

W przypadku osób o normalnym wzroku hiperłącza są generalnie identyfikowane za pomocą określonych kolorów (zazwyczaj niebieski dla standardowego łącza i fioletowy dla odwiedzonego łącza).

Jednak urządzenia wspomagające nie „widzą” ani nie identyfikują tych kolorów i nie odróżniają linków od zwykłego tekstu. Dlatego lepiej jest zastosować kursywę hiperłącza.

Działania do podjęcia

Przeprowadzaj testy dostępności za pomocą narzędzi takich jak Tenon, Axe lub WAVE. Narzędzia będą indeksować Twoją witrynę, aby zidentyfikować obszary, które nie spełniają ustalonych standardów dostępności sieci. Jeśli nie jesteś profesjonalistą w sprawach technicznych, możesz nie rozumieć, jak dokonywać napraw. Mimo to możesz zidentyfikować błędy, alerty i ostrzeżenia, o których istnieniu nie wiedziałeś.

Ale po co przechodzić przez te wszystkie problemy, skoro możesz łatwo zaangażować ekspertów z dowolnej firmy zajmującej się projektowaniem stron internetowych, którzy są dobrze świadomi norm ADA. Specjaliści nie polegają wyłącznie na zautomatyzowanych narzędziach i włączają ręczne audyty. Pomogą również rozwiązać problemy.

Pamiętaj, że zgodność z ADA nie jest kwestią „ustaw i zapomnij”. Standardy zgodności będą ewoluować tak, jak Twoja strona internetowa. Więc pamiętaj, aby to sprawdzić.

Wniosek

Widziałeś więc, jak zgodność z ADA może zapewnić przewagę konkurencyjną, a nawet może prowadzić do większej liczby transakcji. Więc na co czekasz! Zaangażuj doświadczoną firmę zajmującą się tworzeniem witryn internetowych, aby opracować witrynę zgodną z ADA.

Mieć coś do podzielenia się? Wszyscy jesteśmy oczami! Zapraszam do komentowania poniżej.