Rośnie liczba pozwów dotyczących dostępności witryn: jak witryny WordPress mogą uzyskać zgodność z ADA

Jak dobrze znasz amerykańską ustawę o niepełnosprawności (ADA)? Niestety, każdego roku coraz więcej właścicieli witryn dowiaduje się o tym na własnej skórze, gdy są pozwani za nieprzestrzeganie ADA. ADA została utworzona w celu zapewnienia osobom niepełnosprawnym sprawiedliwego i równego dostępu do mieszkań, zatrudnienia, transportu, zakwaterowania publicznego, komunikacji oraz programów lub usług rządowych aż do poziomu miejskiego.

Seyfarth Shaw LLP, wiodąca międzynarodowa firma prawnicza, donosi, że w 2022 r. w sądach federalnych wniesiono 3255 pozwów, „zarzucając niepełnosprawnym powodom, że nie mogą korzystać ze stron internetowych, ponieważ nie zostały one zaprojektowane tak, aby były dostępne i/lub nie działały z technologiami wspomagającymi. ” Co roku od 2010 roku liczba ta wzrasta o 10% lub więcej. Spory dotyczące dostępności stron internetowych stanowią obecnie 37% wszystkich pozwów ADA z tytułu III.

Co to znaczy być „zgodnym z WordPress ADA”?

ADA stosuje się również online

Ustawodawstwo ADA jasno pokazało, że dostępność dla osób niepełnosprawnych to nie tylko coś, co ma miejsce w świecie fizycznym. Dotyczy to również przestrzeni cyfrowych, w których wielu z nas pracuje i spędza dużo czasu. Miejsca pracy i przestrzenie publiczne czy biura świadczące kluczowe usługi muszą być dostępne dla wszystkich. Strony internetowe też.

A świat cyfrowy obejmuje witrynę WordPress, której jesteś właścicielem i którą obsługujesz.

Dlatego konieczne jest budowanie witryn WordPress, które są w pełni zgodne z ADA.

Dobrą wiadomością jest to, że wiele programów i specjalistycznych narzędzi pomoże Ci stać się zgodnym z ADA jako właściciel witryny WordPress. Postępuj zgodnie z kilkoma ustalonymi praktykami i wykorzystaj kilka ważnych narzędzi. Dzięki temu zawartość Twojej witryny będzie dostępna dla wszystkich, w tym dla osób niepełnosprawnych.

W tym przewodniku zagłębimy się w ustawę o osobach niepełnosprawnych i wyjaśnimy, dlaczego musisz jej przestrzegać w swoich usługach online, aby uniknąć potencjalnych działań prawnych. Istnieje wiele innych powodów, dla których warto tworzyć dostępne witryny internetowe, które przynoszą bezpośrednie korzyści właścicielom witryn.

Na koniec omówimy cztery kluczowe wskazówki dotyczące ułatwień dostępu, z których możesz skorzystać już dziś.

Spójrzmy.

Dlaczego Twoja witryna WordPress musi być zgodna z ADA

Prawo federalne Stanów Zjednoczonych obejmuje silne zabezpieczenia, które całkowicie zabraniają wszelkim firmom odmawiania pracy lub mieszkania w oparciu o fizyczne zdolności danej osoby.

ADA domaga się sprawiedliwego dostępu do:

• Przestrzeń publiczna
• Transport
• Edukacja
• …i więcej…

Poza światem fizycznym, zabezpieczenia ADA obejmują również całą technologię informacyjną i dostępność elektroniczną.

Z tego powodu zgodność z ADA ma wpływ na prawie każdą opublikowaną stronę internetową. I nawet jeśli prawo nie istniało, nadal dobrą praktyką jest upewnienie się, że Twoja witryna WordPress jest dostępna dla jak największej liczby użytkowników.

Mówiąc dokładniej, ADA wyraźnie stwierdza, że ​​osoby fizyczne muszą przestrzegać jej zasad dostępności, jeśli są prywatnym pracodawcą zatrudniającym co najmniej 15 pracowników.

Ponadto zgodność z ADA jest obowiązkowa, jeśli posiadasz firmę działającą na rzecz pożytku publicznego, na przykład zarejestrowaną organizację charytatywną.

Poza tym wszystkie witryny agencji lokalnych i rządowych, w tym witryny dla szkół, muszą być w 100% zgodne z ADA.

Co to znaczy mieć witrynę zgodną z WordPress ADA?

Przyjrzyjmy się najpierw kilku standardom dostępności stron internetowych narzuconym przez ADA:

• Witryna zgodna z ADA musi umożliwiać użytkownikom niedowidzącym przeglądanie zawartości witryny za pomocą czytników ekranu .
• Witryna musi zawierać transkrypcje lub napisy do wszystkich treści audio . Dzięki temu niesłyszący użytkownicy mogą przeglądać zawartość witryny.
• Musi obsługiwać nawigację za pomocą klawiatury , aby użytkownicy, którzy nie są w stanie korzystać z tradycyjnej myszy komputerowej, mogli poruszać się po witrynie.
• Witryna zgodna z WordPress ADA zaimplementuje dostępny projekt wizualny , który pomoże dostosować się do użytkowników, którzy nie rozróżniają kolorów lub mają światłoczułość.

Należy pamiętać, że nie jest to wyczerpująca lista standardów zgodnych z ADA. W miarę postępów w tym przewodniku przejdziemy do szczegółowych informacji na temat tego, w jaki sposób Twoja witryna WordPress może spełnić wszystkie wymagania ADA. Gdy zajmiemy się technicznymi aspektami dostępności, pamiętaj o tym ogólnym obrazie (i płynących z niego korzyściach).

Jakie są możliwe konsekwencje braku witryny WordPress zgodnej z ADA?

Pamiętaj, że jeśli Twoja witryna nie spełnia w pełni tych standardów, możesz mieć kłopoty z prawem. Może tak być, nawet jeśli nie zamierzałeś wykluczać osób niepełnosprawnych z łatwego dostępu do witryny WordPress i korzystania z niej. W rzeczywistości w przypadku zgodności z ADA intencja jest odrębna od prawa.

I nie jest to teoretyczne zagrożenie. W ostatnich latach wniesiono kilka głośnych pozwów dotyczących stron internetowych zgodnych z ADA. Najszerzej omawiane z tych pozwów dotyczyły marki Domino's Pizza. Sprawa trafiła aż do Sądu Najwyższego Stanów Zjednoczonych.

Tworzenie witryny WordPress, która jest bardziej dostępna dla osób niepełnosprawnych, nie jest po prostu właściwą rzeczą. Może to również przynieść znaczne korzyści Twojej marce i całej firmie.

Według WHO (Światowej Organizacji Zdrowia) około 1,3 miliarda ludzi na całym świecie cierpi na co najmniej jeden rodzaj niepełnosprawności. To około 16% całej populacji świata. To wielu potencjalnych nowych klientów i widzów Twojej witryny.

Czego firma Target nauczyła się po przegranej w sprawie dotyczącej ułatwień dostępu?

Konsorcjum World Wide Web Consortium (W3C) Web Accessibility Initiative oferuje studium przypadku wpływowego, wczesnego pozwu ADA przeciwko witrynie internetowej dużej amerykańskiej korporacji, która ma problemy z dostępnością: target.com. Krajowa Federacja Niewidomych (NFB) odniosła sukces jako powód w tej sprawie, ponieważ strona internetowa Target nie miała kluczowych funkcji ułatwień dostępu:

• alternatywny (alt) tekst opisujący obrazy dla osób niedowidzących korzystających z czytników ekranu
• sterowanie za pomocą klawiatury umożliwiające dokonywanie zakupów online bez użycia myszy
• mapy obrazkowe z ułatwieniami dostępu pokazujące lokalizacje sklepów
• odpowiedni, zgodny ze standardami semantyczny projekt strony HTML z nagłówkami ułatwiającymi poruszanie się po witrynie

Dzisiaj Target Corporation jest orędownikiem dostępności sieci. Oto Jason Goldberger, Chief Digital Officer firmy Target i prezes Target.com w 2016 r., wyjaśniający, z czego był najbardziej dumny po dekadzie pracy nad udostępnieniem Target.com i zgodnością z ADA:

… Regularnie słyszę, jak koledzy z wielu różnych zespołów rozmawiają o dostępności bez podpowiedzi i włączają ją do swoich planów bez żadnych przypomnień z naszej strony. Stało się częścią codziennych rozmów i to jest dość niesamowite, ponieważ nie zawsze tak było. Myślenie o osobach niepełnosprawnych jest integralną częścią zespołu cyfrowego, a dla mnie i innych niewidomych gości to kolejna część tego, co czyni Target wyjątkowym.

Chociaż wdrażanie dostępności może być bardzo techniczne, oto ogólny obraz tego, co wspiera i umożliwia: pozytywna kultura firmy zgodna z potrzebami jej klientów i potencjalnych klientów jako ludzi .

Jak uzyskać witrynę zgodną z WordPress ADA

Teraz masz już ogólne pojęcie o tym, czym jest Ustawa o Niepełnosprawnych Amerykanach i dlaczego jest tak ważna. Następnie przyjrzymy się, jak możesz dostosować swoją witrynę WordPress.

Oto cztery rzeczy, które musisz zrobić, aby się tam dostać.

1. Dowiedz się, jak wygląda witryna WordPress zgodna z ADA

Departament Sprawiedliwości Stanów Zjednoczonych nie wydał jeszcze ani nie opublikował żadnych oficjalnych wytycznych dotyczących zgodności dla ADA. Daje jednak pewne solidne zalecenia.

Zapoznaj się z WCAG

W szczególności ADA zdecydowanie zachęca każdą organizację do przestrzegania Wytycznych dotyczących dostępności treści internetowych (WCAG), 2.0 poziom AA.

Te wytyczne wyraźnie stwierdzają, że wszyscy odwiedzający witrynę muszą być w stanie dostrzec każdą informację, która pojawia się w Twojej witrynie WordPress. Aby to zrobić, właściciele witryn muszą zapewnić alternatywy dla mediów wyświetlanych w ich witrynach.

Napisy wideo

Spójrz na YouTube jako przykład. Ponieważ zgodność z ADA stała się wymagana, automatycznie zapewniają napisy do wszystkich treści wideo i audio hostowanych i odtwarzanych na platformie.

Dostępne formularze

Na przykład możesz rozważyć użycie sugerowanych monitów o wprowadzenie danych, aby pomóc wyjaśnić informacje, które użytkownicy witryny muszą wprowadzić w formularzach kontaktowych.

Poza tym, jeśli użytkownik wprowadzi błędne informacje do formularza, spróbuj podać proste zalecenia dotyczące rzeczy, które może zrobić, aby naprawić te błędy wejściowe.

Jest to o wiele bardziej pomocne (i dostępne) niż wyświetlanie tylko ogólnego komunikatu o błędzie z nieprawidłowymi danymi wprowadzonymi przez użytkownika.

Obsługa czytników ekranu i nawigacji za pomocą klawiatury

Prawdopodobnie masz już kilku użytkowników witryny, którzy wchodzą w interakcję z Twoją witryną za pomocą czytników ekranu. Dla osób, które to robią, opisowy tekst alternatywny jest niezwykle pomocny w zrozumieniu obrazów wyświetlanych w Twojej witrynie WordPress.

Osoby mające problemy ze sprawnością manualną lub wzrokową często znacznie łatwiej wchodzą w interakcję ze stronami internetowymi za pomocą elementów sterujących nawigacją, takich jak klawiatura lub klawiatura. Użytkownicy, którzy to robią, powinni mieć spójną i przejrzystą strukturę nawigacji w witrynie.

Możesz również podać wizualne oznaczenia elementów, na których aktualnie znajduje się ostrość. Elementy te zostaną aktywowane, gdy użytkownik witryny wykona kolejną czynność, na przykład naciśnie klawisz „Return” na klawiaturze.

2. Przeprowadź przegląd zgodności ADA, aby zobaczyć, na jakim etapie jesteś

Dostępność nie jest prostym tematem. W rzeczywistości jest to ogromny temat, który obejmuje wiele różnych elementów interfejsu reklam projektowych używanych do tworzenia witryny WordPress, która jest bardziej przyjazna dla użytkownika. Jeśli właściciel witryny przeoczy tylko jeden czynnik związany z dostępnością, może łatwo uniemożliwić użytkownikowi witryny (i potencjalnemu klientowi) pozytywne wrażenia z korzystania z jego witryny.

Ocena dostępności witryny (WAVE)

Dobrym miejscem do rozpoczęcia oceny jakości doświadczenia użytkownika (UX) Twojej witryny w świetle standardów dostępności jest zestaw narzędzi o nazwie Ocena dostępności witryny (WAVE). WAVE przeskanuje Twoją witrynę WordPress i wyświetli listę wszystkich potencjalnych problemów z dostępnością. Jest to niezwykle cenne narzędzie, które pomaga zidentyfikować szeroki zakres problemów, które mogą mieć wpływ na użyteczność witryny.

Przeglądając tę ​​listę z WAVE, będziesz mógł kliknąć towarzyszące ikony, aby uzyskać więcej informacji o każdym wykrytym błędzie ułatwień dostępu. Narzędzie zasugeruje nawet zasoby, które zapewnią jeszcze lepszy wgląd w każdy problem z użytecznością.

Niestety WAVE to ograniczone narzędzie, które może skanować tylko jedną stronę internetową na raz. Aby przyspieszyć proces skanowania całej witryny WordPress, warto zainstalować rozszerzenia WAVE dla Firefoksa lub WAVE dla Chrome (w zależności od preferowanej przeglądarki).

Rozszerzenia pozwolą Ci uruchomić WAVE na każdej aktualnie przeglądanej stronie internetowej.

3. Zawsze postępuj zgodnie z najlepszymi praktykami WordPress zgodnymi z ADA podczas tworzenia dostępnych witryn

Po przetestowaniu dostępności witryny i skompilowaniu wyników nadszedł czas, aby zająć się każdym zidentyfikowanym problemem.

Konieczne jest pełne zapoznanie się z zawartością witryny. Zastanów się, czy jesteś w stanie zapewnić alternatywne wyniki medialne dla tego, co już opublikowałeś.

Usługi transkrypcyjne

Jeśli nie możesz zlecić transkrypcji treści przez profesjonalistę, istnieje kilka narzędzi programowych, które automatycznie wygenerują napisy.

Niestety, niektóre z nich są czasami niechlujne i niedokładne. Ale jeśli jedyną opcją jest korzystanie z oprogramowania do transkrypcji, jest to lepsze niż rezygnacja z transkrypcji treści.

Będziesz także chciał zapewnić pisemne alternatywy tekstowe dla elementów wizualnych witryny WordPress. Ta niezwykle przydatna praktyka przynosi ogromne korzyści wszystkim użytkownikom korzystającym z Twojej witryny za pomocą narzędzi ułatwień dostępu, takich jak czytniki ekranu.

ALT Tekst i obrazy

W WordPress łatwo jest dodać opisowy tekst alternatywny do obrazów i elementów wizualnych bezpośrednio w bibliotece multimediów.

Ponadto wielu właścicieli witryn WordPress, którzy chcą uzyskać zgodność z ADA, stwierdziło, że najlepiej jest unikać umieszczania tekstu w obrazach witryny. Duża ilość tekstu na obrazach utrudni opisanie grafiki osobom niedowidzącym przy użyciu samego tekstu alternatywnego.

Zamiast tego zastanów się, czy podobny efekt można uzyskać za pomocą kodu. Na przykład możesz dodać informacje, które chcesz przekazać, jako zwykły tekst. Następnie użyj CSS, aby go stylizować.

Współczynniki kontrastu

Aby w pełni obsłużyć osoby niedowidzące, dobrze jest zachować współczynnik kontrastu co najmniej 4,5:1 dla całego tekstu. Będziesz także chciał, aby cały tekst można było zmieniać do 200%.

Wyzwaniem, przed którym stoisz, jest zapewnienie tego rodzaju elastyczności bez wpływu na funkcjonalność Twojej witryny. Prawdopodobnie będzie to wymagało przeprowadzenia wielu testów użyteczności przed wprowadzeniem zmian w życie.

Jeśli chcesz dowiedzieć się więcej o problemach z ułatwieniami dostępu, które mają wpływ na Twoją witrynę, ważne jest, aby wyświetlać całą zawartość witryny za pomocą narzędzia WAVE. Następnie poświęć trochę czasu na przeczytanie wszystkich zasobów sugerowanych przez WAVE.

Wytyczne określone przez WCAG są powszechnie akceptowane jako standard branżowy, jeśli chodzi o dostępność. Ale warto również spojrzeć na listę kontrolną dostępności z WebAIM. To narzędzie ma na celu skondensowanie oficjalnych specyfikacji WCAG 2.1.

4. Zainstaluj wtyczki poprawiające zgodność WordPress z ADA

Wiele różnych wtyczek i narzędzi w repozytorium WordPress obiecuje doprowadzić Cię do zgodności WordPress ADA. Na przykład możesz szybko przeskanować całą witrynę pod kątem problemów z dostępnością, korzystając z WP ADA Compliance Check Basic.

Podstawowa kontrola zgodności z WP ADA

Ta przydatna wtyczka sugeruje zasoby, które dostarczają więcej informacji o każdym wykrytym problemie, podobnie jak narzędzie WAVE. Ale dzięki temu otrzymasz również bezpośredni link do kodu, którego dotyczy problem. Jest to niezwykle przydatne, gdy trzeba rozwiązać złożone problemy z ułatwieniami dostępu.

Kolejnym narzędziem do rozważenia jest wtyczka Accessibility Checker. Ta wtyczka próbuje być wersją WAVE specyficzną dla WordPressa, jednocześnie umożliwiając skanowanie całej witryny WordPress z poziomu pulpitu nawigacyjnego.

Wyrównaj narzędzie do sprawdzania ułatwień dostępu cyfrowego

Jako właściciel witryny WordPress istnieje wiele różnych sposobów na uczynienie witryny bardziej dostępną. Jednak wybór niewłaściwego motywu do uruchomienia witryny może zniweczyć wszystkie twoje wysiłki.

Repozytorium motywów WordPress.org jest wypełnione motywami zaprojektowanymi przez profesjonalistów. Jednak nawet najbardziej doświadczeni projektanci WordPress czasami przeoczają ważne zasady związane ze zgodnością i dostępnością ADA.

Dostępność WP

Aby pomóc rozwiązać ten problem, wtyczka WP Accessibility rozwiąże problemy występujące w motywach WordPress. Po pobraniu i aktywacji wtyczki będziesz chciał przejść do Ustawienia> Dostępność WP na pulpicie nawigacyjnym WordPress.

Tam zobaczysz różne ustawienia związane z dostępnością witryny, które możesz włączać i wyłączać. Będzie to zależeć od konfiguracji motywu.

Ustawienia będą obejmować dodanie konturu do linku :focus state w celu poprawy nawigacji za pomocą klawiatury i dostarczenia większej ilości informacji o zawartości obrazu za pomocą longdesc .

Nie używaj nakładki ułatwień dostępu

Należy pamiętać, że nie ma prawdziwych rozwiązań typu plug-and-play, które umożliwią utworzenie w pełni dostępnej witryny internetowej zgodnej z ADA. Niektóre wtyczki mogą twierdzić, że działają w trybie plug-and-play, ale nie jest to możliwe. Wtyczki zgodności są idealne do skanowania witryn pod kątem problemów i wprowadzania ulepszeń w celu poprawy problemów. Ale uważaj na wtyczki, które próbują zastosować metodę nakładania. Uważaj także na wtyczki, które twierdzą, że zapewniają 100% zgodność z WordPress ADA, po prostu pobierając i aktywując wtyczkę.

Należy unikać tych „nakładek dostępności”.

Czas stworzyć witrynę WordPress zgodną z ADA

Udostępnienie witryny WordPress wszystkim jest oczywiście właściwą rzeczą dla właściciela witryny. Ale ochroni Cię również przed potencjalnymi konsekwencjami prawnymi.

A upewniając się, że Twoja witryna jest zgodna z ADA, automatycznie zwiększysz swoją potencjalną bazę klientów.

Aby podsumować kroki, które należy wykonać, aby utworzyć witrynę zgodną z WordPress ADA:

1. Dowiedz się, jak wygląda strona internetowa, która jest już zgodna z ADA.
2. Przejrzyj swoją witrynę, aby dowiedzieć się, w jakim stopniu jest już zgodna z przepisami. Można to zrobić za pomocą narzędzia WAVE (Website Accessibility Evaluation).
3. Postępuj zgodnie ze sprawdzonymi najlepszymi praktykami tworzenia witryn internetowych, które są dostępne.
4. Zainstaluj wtyczki WordPress, takie jak WP Accessibility i WP ADA Compliance Check Basic.

W tym momencie będziesz na dobrej drodze do posiadania witryny zgodnej z WordPress ADA, którą pokochają Twoi użytkownicy.

Pobierz motyw Kadence i bloki Kadence, aby tworzyć skuteczne strony internetowe

Jeśli lubisz tworzyć atrakcyjne treści o pięknym wyglądzie, Kadence Blocks zapewnia narzędzia do kreatywności bezpośrednio w natywnym edytorze WordPress. Ponadto korzystaj z mnóstwa gotowych treści, które możesz z łatwością umieścić w swojej witrynie, w tym biblioteki szkieletowej bloków, które pomogą Ci rozpocząć następny projekt strony internetowej. Świetne dla inspiracji i szybkiego rozwoju!

Pobierz teraz

Dana Knaussa

Dan Knauss jest generalistą ds. treści technicznych w StellarWP. Jest pisarzem, nauczycielem i freelancerem pracującym w open source od późnych lat 90., a z WordPressem od 2004 roku.