Jak upewnić się, że Twój sklep internetowy jest zgodny z ADA

Jak dostępna jest moja strona internetowa? To pytanie, które każdy powinien sobie zadać, ale niestety nie każdy to robi. Mimo że minęło ponad 30 lat od podpisania ustawy Americans With Disabilities Act (ADA) , dostępność stron internetowych nie jest tak powszechna, jak powinna.

Niedawne badanie miliona najpopularniejszych stron internetowych wykazało, że 98,1% stron głównych nie jest zgodnych z wiodącym zestawem wytycznych dotyczących dostępności treści internetowych (WCAG) . Jest to złe nie tylko z etycznego punktu widzenia, ale także z prawnego punktu widzenia. Witryny, które nie spełniają wytycznych dotyczących dostępności sieci, są zagrożone karą ADA, a liczba spraw sądowych rośnie o prawie 25% rok do roku . Jest to również złe z biznesowego punktu widzenia, ponieważ te witryny najprawdopodobniej tracą interesy na rzecz jednej czwartej — czyli 61 milionów — dorosłych w Stanach Zjednoczonych żyjących z niepełnosprawnością.

Jak więc upewnić się, że Twoja witryna i/lub aplikacja mobilna są dostępne dla osób niepełnosprawnych? Po pierwsze, musisz wiedzieć o zgodności z ADA i handlu elektronicznym.

Zrozumienie ADA

ADA składa się z pięciu głównych tytułów, ale tytuł III (Public Accommodations) jest głównym, dotyczącym handlu elektronicznego. Wymaga od firm, które służą społeczeństwu, wprowadzenia „rozsądnych modyfikacji” w swoim zwykłym sposobie działania w celu dostosowania się do potrzeb osób niepełnosprawnych. Wymaga to również podjęcia przez nich kroków niezbędnych do skutecznej komunikacji z klientami z niepełnosprawnością wzroku, słuchu i mowy.

Wśród handlowców pojawiło się pewne zamieszanie, ponieważ ADA nie wspomina konkretnie o firmach handlu elektronicznego – prawdopodobnie dlatego, że została podpisana, zanim handel elektroniczny stał się naprawdę powszechny. Są tacy, którzy nadal debatują, czy ADA ma zastosowanie tylko do firm, które mają sklepy stacjonarne, a także strony internetowe e-commerce, a nie tylko do firm e-commerce. Jednak większość sądów zgadza się, że strony internetowe podlegają odpowiedzialności na mocy tytułu III.

Obecnie wytyczne WCAG 2.0 są ogólnie uważane za standard, a grupa robocza ds. wytycznych dotyczących dostępności spodziewa się opublikować pierwszą publiczną wersję roboczą WCAG 3.0 w styczniu 2021 r., a ostateczną wersję zaplanowano na okres po 2022 r.

Tymczasem oto kilka rzeczy, które możesz zrobić, aby Twoja witryna była zgodna z aktualnymi wytycznymi .

Jak sprawić, by Twoja witryna eCommerce była zgodna z ADA

• Obsługuje najnowsze przeglądarki
  Osoby niedowidzące mogą poruszać się po stronach internetowych za pomocą czytnika ekranu, czyli oprogramowania, które odczytuje tekst i konwertuje go na dźwięk. Witryny muszą jednak używać kodu zrozumiałego dla czytników ekranu. Większość problemów z czytnikami ekranu wynika z problemów ze zgodnością przeglądarek, więc upewnienie się, że witryna obsługuje najnowsze wersje przeglądarek, to dobry pierwszy krok.
• Upewnij się, że menu są łatwe w nawigacji
  Menu na Twojej stronie powinno być kompatybilne z czytnikami ekranu, używając klawisza Tab, aby przejść do następnego elementu i Shift+Tab, aby przejść do poprzedniego elementu. Przyciski menu powinny być dostępne za pomocą klawiszy strzałek w lewo iw prawo, a menu rozwijane za pomocą strzałek w górę iw dół.
• Dodaj tekst alternatywny do obrazów
  Tekst alternatywny musi być osadzony za obrazami i musi jasno opisywać obraz. Należy również zastosować odpowiednie nagłówki. W przeciwnym razie czytnik ekranu zinterpretuje to jako „pusty” lub po prostu „obraz”.
• Dodaj język migowy do swoich najważniejszych filmów
  Wiele osób niesłyszących, które są niedosłyszące od urodzenia, nie potrafi czytać słów pisanych, „czyta” tylko język migowy. Język migowy może sprawić, że Twoje filmy będą bardziej dostępne dla tych osób.
• Dołącz otwarte lub zamknięte napisy do swoich filmów
  Niezależnie od tego, czy dodajesz filmy w języku migowym, czy nie, naprawdę powinieneś umieszczać napisy w filmach w swojej witrynie. To nie tylko gwarantuje, że Twoje treści wideo są dostępne dla wszystkich, ale może również zwiększyć liczbę wyświetleń, ponieważ wiele osób lubi oglądać filmy z wyłączonym dźwiękiem.
• Używaj kolorów o wysokim kontraście
  Kolory o niskim kontraście utrudniają osobom niedowidzącym identyfikację kluczowych przycisków, a nawet rozróżnienie pierwszego planu od tła.
• Nazwij swoje linki tekstem zakotwiczenia
  Korzystanie z linków opisujących stronę, do której prowadzi link, zamiast „kliknij tutaj”, nie tylko poprawia SEO, ale także sprawia, że ​​Twoja witryna jest bardziej dostępna dla osób korzystających z czytnika ekranu.
• Spraw, aby linki były widoczne i dostępne
  Umieść linki w kontrastowym kolorze, aby były widoczne, i upewnij się, że strony są zaprojektowane tak, aby użytkownicy mogli łatwo nawigować do nich za pomocą klawiszy strzałek i tabulatorów na klawiaturze. Powinno być również jasne, czy linki otwierają się w nowym oknie.
• Nie używaj żadnych technik projektowania, które mogą powodować drgawki
  Upewnij się, że Twoja witryna nie zawiera żadnych treści, które migają częściej niż trzy razy na sekundę, ponieważ może to powodować napady padaczkowe u osób z padaczką.
• Mieć przejrzystą treść pisemną
  Używaj wyraźnych czcionek z odpowiednimi odstępami między literami. Uporządkuj swoją treść pisemną za pomocą opisowych nagłówków i używaj zwięzłych opisów produktów. Upewnij się również, że używany język można określić programowo.
• Użyj praktycznego projektu formy
  Informacje obok siebie mogą być trudne do przeanalizowania przez czytniki ekranu, więc zdecyduj się na układanie projektów razem z formularzami. Aby być jak najbardziej przyjaznym dla użytkownika, umieść etykiety lub instrukcje poza polem, aby można było się do nich odwoływać podczas edytowania ich przez użytkownika. Weź pod uwagę długość prawdopodobnej odpowiedzi i uwzględnij to w projekcie każdego pola. I zawsze używaj gwiazdek do oznaczania wymaganych pól.
• Błędy w formularzach powinny być wyraźnie zakomunikowane
  Kiedy użytkownik musi wprowadzić informacje do formularza na Twojej stronie internetowej (takie jak informacje o wysyłce), wszelkie automatycznie wykryte błędy muszą być wyraźnie przekazane i opisane użytkownikowi. Użytkownik powinien być w stanie jednoznacznie określić, które pole jest nieprawidłowe.
• Bądź elastyczny i gotowy do pomocy: upewnij się, że obsługa klienta działa sprawnie i jest gotowa do pomocy za pośrednictwem wielu różnych mediów (telefon, e-mail, czat internetowy), jeśli Twoi goście będą potrzebować pomocy. Jeśli zostaniesz wezwany do wprowadzenia zmian, aby Twoja witryna była bardziej przyjazna dla użytkownika, bądź gotowy, aby sprostać tej potrzebie.

Wniosek

InteractOne przeprowadził zgodność z ADA dla kilku klientów i najlepiej nadaje się do pomocy firmom korzystającym z platform Magento, BigCommerce i Shopify. Porozmawiaj z nami już dziś o tym, jak możemy Ci pomóc w zapewnieniu pełnej zgodności Twojej witryny z ADA.