Zgodność WordPress ADA: jak zapewnić dostępność witryny

Uwaga: Poniższy artykuł pomoże Ci w: Zgodność WordPress ADA: jak zapewnić dostępność witryny

Ustawa Americans with Disabilities Act określa, w jaki sposób firmy działają w sposób dostępny dla osób z różnymi formami niepełnosprawności. Przepisy te mają zastosowanie do firm fizycznych, w tym miejsc parkingowych, drzwi automatycznych i ramp dla wózków inwalidzkich, ale mają również zastosowanie do firm cyfrowych i właścicieli witryn.

Przez lata toczyła się debata na temat tego, jaka część ADA powinna dotyczyć witryn biznesowych. W końcu różne niepełnosprawności mogą utrudniać korzystanie ze strony internetowej, na przykład upośledzenie wzroku lub brak umiejętności motorycznych niezbędnych do klikania małych linków i dokładnego poruszania się po witrynie.

Na początku 2022 r. resort sprawiedliwości wydał oświadczenie i wyjaśnił swoje stanowisko.

Przesłanie jest jasne: strony internetowe, w szczególności strony rządowe i biznesowe, będą musiały być zgodne z ADA, o ile podlegają jurysdykcji ADA.

Co to znaczy? Zagłębię się i dam ci pojęcie, co możesz zrobić i jak to zrobić.

Kto musi być zgodny z ADA?

ADA to złożony zbiór aktów prawnych, więc może być trochę niejasne, które części mają do Ciebie zastosowanie. Termin używany przez ADA to „firmy otwarte dla publiczności”, co obejmuje firmy internetowe.

Czy Twoja witryna musi być zgodna z ADA? Cóż, chyba powinno być. Jest nie tylko bardziej przyjazny dla użytkowników, ale także chroni przed tysiącami pozwów sądowych ADA składanych corocznie przeciwko firmom. Poza tym, czy nie lepiej uczynić witrynę tak dostępną, jak to tylko możliwe, aby przyciągnąć jak najwięcej potencjalnych użytkowników?

Pamiętaj, że „niepełnosprawność” nie oznacza dla ciebie ludzi, którzy są przykuci do łóżka lub w widoczny sposób niepełnosprawni. Szacunki CDC że jeden na czterech – czyli 25% – Amerykanów ma jakąś formę niepełnosprawności. Sprawienie, by Twoja witryna była użyteczna dla dodatkowych 25% osób, to nie lada sprawa!

Chociaż niektóre firmy mogą tego nie robić muszą być zgodne z ADA, prawo może się zmieniać i różne sądy będą orzekać w różny sposób. Tak czy inaczej, prawdopodobnie nie chcesz być testowany w sądzie. Ponadto wytyczne dotyczące ułatwień dostępu są stosunkowo łatwe do spełnienia bez zbytniego nakładu pracy, zwłaszcza w przypadku świetnych dostępnych wtyczek ułatwień dostępu do WordPress, więc nie ma powodu, aby ich unikać w przypadku większości firm internetowych.

Jakie problemy powodują problemy z ułatwieniami dostępu?

Powiedzieć, że Twoja witryna musi być zgodna z ADA, to jedno, ale wiedzieć, co to właściwie oznacza, to co innego.

W jaki sposób udostępniasz swoją witrynę?

Cóż, oto lista niektórych problemów, na które zwraca uwagę ADA:

  • Słaby współczynnik kontrastu kolorów. Gdy kolory są zbyt blisko siebie, osoby z wadami wzroku lub daltonistami mogą nie być w stanie odczytać zawartości strony.
  • Informacje tylko o kolorze. Załóżmy, że tworzysz listę „za i przeciw”, ale zamiast je etykietować, umieszczasz „za” na zielono, a „przeciw” na czerwono. Osoby, które są daltonistami RG lub polegają na czytnikach ekranu, nie będą w stanie odróżnić.
  • Brak tekstu alternatywnego obrazu. Brakujące tagi alt nie tylko mogą utrudnić Twoje działania SEO, ale osoby niedowidzące mogą nie być w stanie uzyskać informacji ze zdjęć w Twojej witrynie. Tekst alternatywny umożliwia czytnikom ekranu zrozumienie zawartości obrazu.
  • Brak napisów do filmów. Osoby z wadami słuchu często polegają na napisach, aby jak najlepiej wykorzystać filmy, gdy nie słyszą, co zostało powiedziane.
  • Niedostępne formularze. Formularze internetowe muszą być czytelne dla czytników ekranu, zawierać etykiety i jasne instrukcje, w tym sensowne komunikaty o błędach. Ten proces jest jednym z trudniejszych.
  • Nawigacja tylko za pomocą myszy. Wiele przeglądarek internetowych umożliwia użytkownikom przeglądanie łączy za pomocą zakładek i używanie klawiszy sterujących do nawigacji, ale niektóre witryny nie obsługują elementów sterujących za pomocą klawiatury. Prostym, powszechnym problemem jest wyskakujące okienko z wezwaniem do działania, którego nie można zamknąć inaczej niż kliknięciem myszy.
🔥 Zalecana:  Co to jest Ethereum (ETH) i jak działa? Przewodnik dla początkujących

Te elementy nie są częścią w pełni wyczerpującej listy, ale pokazują, jakie problemy możesz rozwiązać. Niektóre są proste, jak dostosowanie wyboru koloru. Inne mogą być trudniejsze, na przykład konfigurowanie dostępnych formularzy internetowych.

Chociaż rząd nie ma wyczerpującej listy wymagań, które należy spełnić, aby strona internetowa była dostępna, agencje zewnętrzne to robią. W szczególności W3C, międzynarodowe konsorcjum internetowe, które opracowuje standardy użytkowania i funkcjonowania witryn internetowych, opracowało własne standardy dostępności witryn. Wprowadź wytyczne WCAG, skrót od „Web Content Accessibility Guidelines”.

Aktualna wersja Wytycznych dotyczących ułatwień dostępu do treści internetowych to WCAG 2.1i jest szansa, że ​​w chwili, gdy to czytasz, wersja 2.2 zostanie uruchomiona w grudniu 2022 r. Wersja trzecia jest w toku, a przewidywana data wydania to „kilka lat”. Dokument jest tak kompleksowy, jak to tylko możliwe i obejmuje wszystko, czego strona internetowa musi być powszechnie uważana za dostępną. To najlepsza rzecz, jaką mamy poza faktycznymi definicjami legislacyjnymi.

Chociaż możesz śmiało przeczytać to wszystko i wprowadzić zmiany ręcznie, istnieją łatwiejsze sposoby na zapewnienie zgodności witryny WordPress z ADA.

Wtyczki WordPress zapewniające dostępność witryn i zgodność z ADA

Witryny WordPress mają tę zaletę, że są zarówno ustandaryzowane, jak i wysoce modułowe. Oznacza to, że wtyczki do witryn internetowych mogą zmieniać elementy w całej witrynie i na przykład automatyzować 90% pracy niezbędnej do zapewnienia zgodności witryny z ADA.

Istnieje kilka takich wtyczek, które działają z dowolnym motywem WordPress, więc przejrzyjmy je.

1. Dostępność WP

Ta bezpłatna wtyczka jest tak minimalnie inwazyjna, jak to tylko możliwe, więc działa z tyloma motywami. Dodaje łącza nawigacyjne do stron specjalnie dla użytkowników polegających na nawigacji za pomocą klawiatury lub czytnika ekranu, wyróżnia istotne obszary stron, dodaje dłuższe tytuły i pola tekstu alternatywnego dla obrazów oraz może wyświetlać listy zdjęć, które wymagają opisów do wypełnienia.

Może również mierzyć kontrast kolorów, identyfikować problemy z CSS i nie tylko. Jest to dość wszechstronna, darmowa wtyczka, ale ponieważ nie edytuje plików motywów, może zrobić tylko tyle.

2. Dostęp jednym kliknięciem

Ta wtyczka została początkowo stworzona dla konkretnego frameworka WordPress, ale popularne zapotrzebowanie sprawiło, że programiści udostępnili ją ogólnie dla większości witryn WordPress.

🔥 Zalecana:  Jak trwale usunąć aktywność Google

Skupia się przede wszystkim na czytelności i kontraście kolorów oraz dodaje pasek narzędzi, za pomocą którego użytkownicy mogą zmieniać opcje, takie jak skala szarości, kontrast ujemny i tryby wysokiego kontrastu. To kilka wymuszonych przesłonięć CSS. Działa na to, czym jest, ale trafia tylko w kilka punktów na liście kontrolnej ADA.

3. Pomocnik ułatwień dostępu WP

Pierwsza wtyczka freemium na mojej liście ma wiele bezpłatnych funkcji umożliwiających pomijanie linków, zmianę rozmiaru czcionek, tryby kontrastu i klawisze dostępu, a także może wykonać trochę automatycznej optymalizacji i audytu.

Ma również płatną wersję za 99 USD, która oferuje dostępne wyskakujące okienka, obsługę wielu języków, dodatkowe tryby kolorów i wiele więcej. Ponownie uderza w niektóre istotne problemy z dostępnością (ale nie wszystkie).

4. Sposób użytkownika

Jako jedna z silniejszych dostępnych wtyczek, UserWay jest zgodna z WCAG i kilkoma innymi standardami, takimi jak porównywalne przepisy europejskie. W dużym stopniu wykorzystuje automatyzację do identyfikowania problemów, ułatwiania nawigacji za pomocą klawiatury, włączania kontrastu kolorów i pomagania w wypełnianiu opisów obrazów.

Ceny wtyczki premium zaczynają się od 50 USD miesięcznie, jeśli chcesz korzystać z funkcji premium.

5. AudioOko

Ta wtyczka i platforma łączą audyt ADA/WCAG z narzędziami, które pomogą Ci rozwiązać problemy. Może zautomatyzować niektóre poprawki i daje opcje rozwiązywania innych problemów w miarę ich pojawiania się.

Sporządzają również listy z odpowiedziami do każdego, kto wysyła ci groźby dotyczące dostępności, wspierając swoje twierdzenia. Ceny zaczynają się od 50 USD miesięcznie, a plany są wyceniane na podstawie miesięcznych odsłon witryny.

Moja ulubiona wtyczka zgodności ADA: AccessiBe

Żadna z powyższych wtyczek nie jest tak wszechstronna, elastyczna ani wartościowa jak AccessiBe, co moim zdaniem jest najlepszą obecnie dostępną opcją zapewniającą zgodność z ADA. AccessiBe jest używany przez wiele dużych marek, w tym GE, State Farm, Nintendo, Hulu i wiele innych.

Jedną z rzeczy, które najbardziej lubię w AccessiBe, jest to, że mają dwie oferty:

  • Jednym z nich jest widżet ułatwień dostępu oparty na witrynie, do którego przejdę za chwilę.
  • Drugi ma na celu problem u źródła: platformę deweloperską aby pomóc programistom zintegrować gotowe funkcje ułatwień dostępu bezpośrednio z ich kodem i produktami, zamiast stosować je później jako poprawki.

Głównym powodem, dla którego prawdopodobnie tu jesteś, jest ich widżet ułatwień dostępu. W końcu nie chcesz zatrudniać projektanta stron internetowych do przebudowy witryny od podstaw. Potrzebujesz narzędzia, które pomoże Ci znaleźć wszystkie elementy listy kontrolnej pod kątem ułatwień dostępu bez konieczności przerabiania witryny.

Ich widżet działa zarówno na froncie, jak i na zapleczu Twojej witryny. Na froncie oferuje menu z różnymi funkcjami ułatwień dostępu i profilami niepełnosprawności, dzięki czemu użytkownicy mogą dostosować wrażenia użytkownika i opcje użyteczności witryny do swoich potrzeb. Na przykład może:

  • Zatrzymaj animacje, aby uniknąć wywołania epilepsji.
  • Zmieniaj kolory i zwiększaj kontrast na różne sposoby.
  • Usuń elementy nietekstowe, aby witryna jako całość była łatwiejsza do odczytania.
  • Cały szereg usprawnień nawigacyjnych, z nawigacją za pomocą klawiatury.

Użytkownicy mogą przełączać te funkcje pojedynczo lub włączać je jako całość w profilach, takich jak „profil Seizure Safe” lub „profil nawigacji za pomocą klawiatury”, z których każdy przełącza cały szereg drobnych ulepszeń odpowiednich dla użytkowników z tymi potrzebami.

🔥 Zalecana:  Tworzenie naszego pierwszego zoptymalizowanego DCGAN – Towards AI

Dostępne są również indywidualne dostosowania treści, w tym zmiana wyrównania tekstu, rozmiaru czcionki, rodziny czcionek, odstępów między literami i wysokości linii. Może również dodawać wyróżnienia i kontury nad linkami i tytułami. Oczywiście dostępna jest również pełna personalizacja kolorów.

Jeśli przeczytasz dokumentację WCAG, do której link znajduje się powyżej, przekonasz się, że każdy ich punkt jest czymś, z czym AccessiBe może sobie poradzić.

A to wszystko to dopiero pierwsza połowa! Druga połowa wtyczki to zaplecze systemu uczenia maszynowego, audytu i monitorowania. Ten system może dostosować witrynę do potrzeb użytkownika i automatycznie zastosować ustawienia, jeśli zostaną wykryte czytniki ekranu lub zostanie użyta nawigacja za pomocą klawiatury.

Ponadto mają system AI/ML, który skanuje Twoją witrynę, szukając problemów, które mogą się pojawić, z powtarzającymi się skanami każdego dnia. Spróbuje automatycznie naprawić problemy, chociaż możesz samodzielnie zastosować poprawki, jeśli wolisz bardziej spersonalizowane podejście.

Jedną z najwygodniejszych funkcji sztucznej inteligencji jest automatyczne analizowanie i generowanie opisów obrazów, których brakuje w tekście alternatywnym, co może być ogromnym i żmudnym zadaniem do naprawienia.

Jedyne, czego nie mogą zrobić automatycznie, to analizowanie i naprawianie problemów w plikach PDF, SVG lub podpisach wideo. Mają dodatkowe usługi, za które można zapłacić, aby je uzyskać, ale nie są one tak łatwe do wykonania, więc ta usługa nie jest uwzględniona w ich domyślnych planach.

AccessiBe oferuje również wsparcie prawne, jeśli Twoja witryna zostanie kiedykolwiek zakwestionowana zgodnie z przepisami dotyczącymi dostępności. Zapewniają profesjonalne audyty, raporty, mapy dostępności, dokumentację wsparcia zgodności i nie tylko. Jeśli Twoja witryna nie jest zgodna, czynią ją zgodną; jeśli tak, zapewniają wsparcie, które pomoże Ci wygrać prawne wyzwania. I tak, AccessiBe był już wcześniej testowany w sądzie i uznany za ważny.

W przeciwieństwie do innych opcji, plany AccessiBe są wyceniane na podstawie liczby stron internetowych w Twojej witrynie, z najtańszym planem za 49 USD miesięcznie działającym dla witryn z maksymalnie 1000 stron. Możesz uzyskać 20% zniżki, płacąc rocznie.

Zwykle tego nie robię, ale dość lubię AccessiBe: oto link, który obniży o dodatkowe 10% cenę subskrypcji: https://accessibe.com/a/contentpowered

Mamy partnerstwo agencyjne z AccessiBe i tak, jest to link partnerski. Ale hej, Podobają mi się ich usługi na tyle, by je promować, i myślę, że ty też je polubisz. Ponadto sama ochrona prawna jest warta swojej wagi.

Biorąc pod uwagę, że naruszenie ADA może skutkować grzywną do 55 000 USD za pierwsze wykroczenie i podwójną grzywną za kolejne wykroczenia, tak, warto. Nie chcesz grać szybko i luźno z tymi rzeczami.