Co to jest dostępność witryny? (4 wskazówki dotyczące zgodności z ADA)

Internet powinien być dostępny dla wszystkich, bez względu na stopień niepełnosprawności lub upośledzenia. Jednak stworzenie przyjaznej dla użytkownika strony internetowej dla wszystkich ludzi może być wyzwaniem.

Na szczęście niektóre narzędzia, techniki i wskazówki mogą pomóc w stworzeniu bardziej dostępnej witryny. Ta dostępność może umożliwić Ci kontakt z szerszą publicznością, ochronę Twojej reputacji i uniknięcie legalnej gorącej wody.

W tym poście zaczniemy od omówienia, czym jest dostępność witryny i dlaczego jest tak ważna. Następnie podzielimy się czterema sposobami zapewnienia dobrych wrażeń wszystkim użytkownikom. Zacznijmy!

Wprowadzenie do dostępności witryn internetowych

Dostępność polega na tym, aby witryna była użyteczna dla jak największej liczby osób. Obejmuje to zapewnienie, że każdy może nawigować, rozumieć, wchodzić w interakcje i współtworzyć Twoją witrynę WordPress.

Kiedy mówimy o ułatwieniach dostępu, często skupiamy się na użytkownikach niepełnosprawnych i nie bez powodu. Według Światowej Organizacji Zdrowia (WHO) około 15 procent populacji cierpi na jakąś formę niepełnosprawności.

W pełni dostępna strona internetowa jest użyteczna dla osób z jakąkolwiek formą niepełnosprawności słuchowej, poznawczej, neurologicznej, fizycznej, mowy lub wzroku. Niektórzy odwiedzający mogą wybrać dostęp do Twojej witryny za pomocą narzędzi pomocniczych, takich jak czytniki ekranu. Aby wspierać tych użytkowników, musisz upewnić się, że Twoja witryna jest zoptymalizowana pod kątem tych narzędzi.

Możesz także wprowadzić ogólne ulepszenia użyteczności w swojej witrynie. Przykładem może być zwiększenie rozmiaru czcionki, co może przynieść korzyści użytkownikom niedowidzącym.

Dostępność oznacza również zapewnienie alternatywnych sposobów dostępu do multimediów w Twojej witrynie. Dobrym pomysłem jest na przykład zapewnienie napisów dla treści wideo:

Osoby niepełnosprawne nie są jedynymi gośćmi, którzy mogą skorzystać z bardziej przyjaznej dla użytkownika strony internetowej. Niektóre osoby mogą mieć tymczasowy uraz, który wpływa na ich mobilność, na przykład skręcony nadgarstek. Inni mogą mieć problemy związane z wiekiem.

Nawet tymczasowe sytuacje mogą utrudnić odwiedzającym czerpanie korzyści z Twojej witryny. Czy kiedykolwiek przeglądałeś Internet w hałaśliwej kawiarni lub na dworcu kolejowym? Prawdopodobnie wiesz, jak trudne może być słuchanie filmów z witryny lub innych treści audio w takich sytuacjach.

We wszystkich tych sytuacjach Twoi użytkownicy mogą skorzystać z pewnych ulepszeń ułatwień dostępu, takich jak transkrypcje. Priorytetowo traktując użyteczność, możesz zapewnić użytkownikom narzędzia, których potrzebują, aby czerpać korzyści z Twoich treści, niezależnie od ich sytuacji osobistej lub tymczasowych okoliczności.

Dlaczego dostępność witryny jest ważna

Jeśli nie traktujesz ułatwień dostępu jako priorytetu, możesz wykluczyć osoby, które w przeciwnym razie skorzystałyby z Twoich treści. Po pierwsze, jest to niesprawiedliwe. Odzwierciedla to również negatywnie Twoją markę, a nawet może skutkować złymi recenzjami lub reklamacjami.

Dostępna witryna internetowa ma również większą potencjalną publiczność. Według WHO na jakąś formę niepełnosprawności cierpi ponad miliard ludzi. Jeśli Twoja witryna nie jest dostępna dla tych osób, prawdopodobnie tracisz odwiedzających i potencjalne konwersje.

Jak już wspomnieliśmy, ulepszenia użyteczności często pozytywnie wpłyną na szerszą publiczność. Spójrzmy na przykład.

Zwiększenie rozmiaru elementów interaktywnych witryny może przynieść korzyści osobom mającym problemy ze sprawnością manualną. Jednak te zmiany mogą również ułatwić życie każdemu, kto uzyskuje dostęp do Twojej witryny za pomocą mniejszego ekranu, w tym użytkownikom smartfonów i tabletów.

Istotną częścią dostępności jest zapewnienie odwiedzającym większej liczby opcji. Na przykład ktoś może uzyskać dostęp do Twojej witryny w miejscu, w którym nie może słuchać dźwięku, na przykład w bibliotece lub sali wykładowej. W tym scenariuszu mogą docenić użycie napisów.

Ułatwienia dostępu zapewniają odwiedzającym elastyczność w korzystaniu z zawartości Twojej witryny w sposób, który najbardziej im odpowiada. Dlatego może poprawić komfort użytkowania dla każdego, kto odwiedza Twoją witrynę.

Zrozumienie wymagań prawnych dotyczących dostępności sieci

Americans with Disabilities Act (ADA) stanowi, że wszystkie technologie elektroniczne i informacyjne muszą być dostępne dla osób niepełnosprawnych. Zgodność z ADA jest wymogiem prawnym dla prawie wszystkich stron internetowych.

Ponadto ADA wyraźnie stwierdza, że ​​musisz przestrzegać jej zasad, jeśli jesteś prywatnym pracodawcą zatrudniającym 15 lub więcej pracowników. Ma to również zastosowanie, jeśli Twoja firma działa z korzyścią dla społeczeństwa.

Jeśli Twoja witryna nie spełnia standardów ADA, możesz mieć kłopoty prawne. Nawet jeśli nie naruszyłeś celowo tych zasad, nadal mogą istnieć podstawy do pozwu.

Dowody wskazują nawet, że liczba tych spraw sądowych rośnie. Całkowita liczba pozwów dotyczących dostępności cyfrowej wzrosła w 2021 r. o 15 procent, osiągając wskaźnik ponad dziesięciu dziennie. To ponad 4000 spraw związanych z ułatwieniami dostępu, w których przedmiotem roszczenia była strona internetowa, aplikacja mobilna lub treść wideo.

Jeśli zostaniesz uznany za winnego naruszenia ADA, sądy mogą nakazać odszkodowanie i zapłatę za dyskryminację. Departament Sprawiedliwości może również nałożyć kary cywilne w wysokości do 55 000 USD za pierwsze naruszenie i 110 000 USD za każde kolejne przestępstwo.

Warto zauważyć, że Departament Sprawiedliwości nie wydał jeszcze żadnych oficjalnych wytycznych ADA dotyczących dostępności stron internetowych. Jednak powszechnie przyjmuje się, że wytyczne dotyczące dostępności treści internetowych (WCAG) 2.0 poziom AA są de facto standardem w Stanach Zjednoczonych.

Jak sprawić, by Twoja witryna WordPress była dostępna (4 sposoby)

Właśnie omówiliśmy, dlaczego należy nadać priorytet użyteczności. Zobaczmy teraz, jak możesz zapewnić, że Twoja witryna jest w pełni zgodna z ADA. Oto cztery sposoby na zwiększenie dostępności WordPress!

1. Skanuj w poszukiwaniu problemów z użytecznością

Dostępność to ogromny temat o wysokich stawkach. Jeśli przeoczysz tylko jeden problem z użytecznością, możesz stracić potencjalną sprzedaż, a nawet wywołać proces sądowy. Z tego powodu dobrze jest przeskanować witrynę za pomocą specjalistycznego oprogramowania do ułatwień dostępu.

Żadne zautomatyzowane narzędzie nie jest niezawodne ani nie zastąpi testów ręcznych. Użyteczność dotyczy rzeczywistych przypadków użycia przez ludzi. Oznacza to, że tylko ludzie mogą ocenić, czy Twoja witryna jest naprawdę dostępna.

Jednak automatyczne skanowanie może stworzyć wstępną listę problemów do rozwiązania. Po rozwiązaniu tych problemów można przejść do testowania ręcznego.

Dostępne są różne narzędzia, ale ocena dostępności witryny (WAVE) to pakiet oprogramowania, który może identyfikować szereg problemów związanych z użytecznością:

Po wprowadzeniu adresu URL witryny i uruchomieniu testu kliknij ikonę i , aby wyświetlić więcej informacji o każdym wykrytym błędzie. WAVE zasugeruje nawet zasoby, które mogą pomóc w zrozumieniu konkretnych problemów z ułatwieniami dostępu:

Wadą tego oprogramowania jest to, że WAVE może skanować tylko jedną stronę naraz. Aby skrócić czas testowania, możesz zainstalować rozszerzenie WAVE dla przeglądarki Firefox lub WAVE dla przeglądarki Chrome. To narzędzie umożliwia uruchomienie WAVE na stronie internetowej za pomocą kliknięcia przycisku:

Alternatywnie możesz przeskanować swoją witrynę za pomocą wtyczki, takiej jak WP ADA Compliance Check. To bezpłatne narzędzie oferuje 50 kontroli błędów:

W dowolnym momencie możesz wykonać pełne skanowanie ręcznie. Dla dodatkowej wygody WP ADA Compliance Check może również automatycznie testować Twoją witrynę pod kątem problemów z dostępnością za każdym razem, gdy publikujesz nową treść.

2. Dodaj tekst alternatywny do swoich obrazów

Zgodnie z wytycznymi WCAG każdy, kto odwiedza Twoją witrynę, musi mieć dostęp do wszystkich zawartych w niej informacji. Dlatego będziesz chciał dodać tekst alternatywny do wszystkich swoich obrazów. Osoby z wadami wzroku mogą uzyskać dostęp do tych treści za pomocą czytników ekranu.

Jednak obrazy czysto dekoracyjne, takie jak grafika tła, nie wymagają tekstu alternatywnego. Nie musisz też podawać opisów elementów wizualnych, które powtarzają informacje przekazane już w innym miejscu, na przykład w pisemnej treści strony.

Możesz dodać tekst alternatywny do dowolnego obrazu w Bibliotece multimediów WordPress:

Alternatywnie możesz utworzyć tekst alternatywny po wstawieniu obrazu na swoją stronę. Po prostu wybierz odpowiednią grafikę i otwórz kartę Blok . Następnie kliknij, aby rozwinąć sekcję Ustawienia obrazu i wpisz tekst alternatywny:

Czytniki ekranu nie mają dostępu do tekstu osadzonego w obrazie, takiego jak adnotacje. Jeśli grafika zawiera jakikolwiek tekst, powinieneś umieścić go w opisie alternatywnym. Alternatywnie możesz edytować obraz, aby ta zapisana treść była wyświetlana obok niego jako zwykły tekst.

Pisząc tekst alternatywny, możesz pokusić się o podanie jak największej ilości informacji. Jednak słuchanie treści może być znacznie wolniejsze niż jej czytanie. Jeśli przesadnie wyjaśnisz lub podasz niepotrzebne szczegóły, zamiast pomóc, możesz frustrować odbiorców.

3. Zapewnij alternatywę dla dźwięku w Twojej witrynie

Niektórzy z Twoich gości mogą mieć problemy ze słuchem ze względu na wiek lub niepełnosprawność. Inne osoby mogą nie słyszeć dźwięku z Twojej witryny ze względu na otoczenie.

Ci ludzie potrzebują alternatywnego sposobu konsumowania treści audio. W przypadku filmów może to oznaczać podanie napisów:

Możesz dodać plik Web Video Text Tracks Format (WebVTT) do dowolnego bloku wideo WordPress. WebVTT to po prostu dokument tekstowy, który formatuje podpisy przy użyciu specyfikacji World Wide Web Consortium (W3C).

Możesz utworzyć ten plik za pomocą usługi, takiej jak Edycja napisów online. To narzędzie jest jednak bezpłatne i nadal znajduje się w fazie beta, dlatego warto ręcznie przejrzeć wygenerowane napisy:

Alternatywnie możesz współpracować z usługą napisów kodowanych, która dokona transkrypcji dźwięku z różnych plików multimedialnych. Rev.com to popularna usługa napisów zamkniętych.

Możesz rozważyć udostępnienie transkrypcji dłuższych treści, takich jak podcast. Odwiedzający mogą następnie przeczytać ten plik w czasie wolnym.

Jeśli przechowujesz swoje filmy w YouTube, platforma ma specjalny obszar napisów do generowania transkrypcji. Następnie możesz skopiować/wkleić ten tekst na swojej stronie internetowej:

Warto również zauważyć, że wyszukiwarki nie mają dostępu do plików audio. Możesz pomóc tym wyszukiwarkom zrozumieć zawartość audio Twojej strony, publikując transkrypcję. Ten dokument może poprawić twoje rankingi, a także dostępność.

4. Zidentyfikuj wszelkie problemy z dostępnością w swoim motywie WordPress

Możesz zainwestować czas i energię w zapewnienie dostępności wszystkich treści. Istnieje jednak szansa, że ​​Twój motyw WordPress zniweczy Twoje wysiłki.

Możesz zidentyfikować wszelkie problemy z dostępnością swojego motywu za pomocą wtyczki, takiej jak WP Accessibility. To oprogramowanie przeskanuje wybrany motyw pod kątem typowych problemów z ułatwieniami dostępu, w tym brakujących atrybutów języka lub kierunku tekstu. Może również dodawać etykiety do standardowych pól formularzy WordPress, takich jak wyszukiwanie i komentarze :

Po aktywacji tej wtyczki przejdź do Ustawienia> Dostępność WP na pulpicie nawigacyjnym WordPress. Znajdziesz tam różne ustawienia ułatwień dostępu, które możesz włączać i wyłączać, aby rozwiązać wszelkie wykryte problemy:

Alternatywnie możesz wybrać motyw zaprojektowany z myślą o użyteczności. Zespół WordPress.com przygotował listę motywów gotowych do ułatwień dostępu, które mogą zapewnić bardziej przyjazne dla użytkownika wrażenia.

Wniosek

Tworzenie witryny dostępnej dla wszystkich nie zawsze jest proste. Jednak jest to słuszne – moralnie, zawodowo, a nawet prawnie.

Mając to na uwadze, podsumujmy szybko cztery sposoby tworzenia bardziej dostępnej witryny internetowej:

1. Skanuj w poszukiwaniu problemów z użytecznością. W tym przypadku pomocne może być użycie wtyczki WP ADA Compliance.
2. Dodaj tekst alternatywny do swoich obrazów.
3. Zapewnij alternatywę dla dźwięku w swojej witrynie z napisami i transkrypcjami.
4. Zidentyfikuj wszelkie problemy z dostępnością motywu WordPress za pomocą wtyczki, takiej jak WP Accessibility.

W WP Engine rozumiemy, że dostępność jest najwyższym priorytetem dla wielu właścicieli witryn. Dlatego wszystkim innym zajmiemy się za Ciebie!
Współpracując z WP Engine, uzyskasz dostęp do hostingu WordPress zoptymalizowanego pod kątem szybkości, bezpieczeństwa, stabilności i skalowalności. Dzięki temu możesz skupić się na tym, co naprawdę ważne: tworzeniu dostępnej witryny internetowej, z której każdy może korzystać (i cieszyć się)!