Jak sprawić, by strony internetowe Wordpress były dostępne?

Miliony ludzi na całym świecie mają niepełnosprawność, która wpływa na sposób, w jaki korzystają z Internetu. Ponieważ pandemia koronawirusa wciąż zwiększa zapotrzebowanie na łatwe zakupy online, zamawianie jedzenia, a nawet usługi zdalnej opieki zdrowotnej, dostępność sieci jest ważniejsza niż kiedykolwiek.

Ten przewodnik po dostępności internetowej omawia, czym jest dostępność, dlaczego ma to znaczenie i jak udostępniać witryny WordPress, w tym identyfikowanie typowych problemów poprzez testowanie.

W tym artykule omówię:

• Czym jest dostępność sieciowa?
• Dlaczego dostępność ma znaczenie
• Jakie są typowe problemy z dostępnością?
• Testowanie stron internetowych WordPress pod kątem dostępności
• Utrzymywanie dostępności strony internetowej

Co to jest dostępność internetowa?

Mówiąc najprościej, dostępne witryny to witryny, z których mogą korzystać wszyscy ludzie, w tym osoby, które nie mogą wchodzić w interakcję z siecią za pomocą typowej konfiguracji klawiatury i myszy, oraz osoby, które mają różne różnice intelektualne lub fizyczne.

W strony internetowe muszą być wbudowane określone funkcje, aby były użyteczne i zrozumiałe dla osób niepełnosprawnych. Zaburzenia słuchowe, wzrokowe, poznawcze, motoryczne lub trudności w uczeniu się wymagają dostosowania i modyfikacji witryny, aby były użyteczne. W zależności od sytuacji osoby niepełnosprawne korzystają z różnych urządzeń wspomagających, takich jak czytniki ekranu, aby uzyskać dostęp do stron internetowych.

Projektanci i programiści stron internetowych muszą zapewnić, że zawartość i funkcjonalność ich witryn internetowych są widoczne, funkcjonalne, zrozumiałe i solidne (POUR), co oznacza, że ​​zawartość i funkcjonalność są dostępne i zrozumiałe dla wszystkich osób na wszystkich urządzeniach.

Oto kilka przykładów funkcji zwiększających dostępność witryn internetowych:

• podpisy kodowane i transkrypcje do plików wideo i audio
• tekst alternatywny na obrazach
• pomiń linki, aby ułatwić nawigację za pomocą klawiatury
• odpowiedni kontrast kolorów, aby tekst był bardziej czytelny

Dlaczego dostępność ma znaczenie

Dostępność witryny ma wpływ na każdego, kto korzysta z sieci. Jeśli strony internetowe Twojej lub Twoich klientów są dostępne, zapewnia to każdemu równy dostęp do informacji online, artykułów pierwszej potrzeby, rozrywki, zakupów i nie tylko, niezależnie od umiejętności.

Ale dostępność strony internetowej to nie tylko dobra karma; ma również rzeczywisty wpływ na rankingi w wyszukiwarkach, nową sprzedaż i odwiedzających witrynę, komplikacje prawne i wizerunek marki.

Ranking wyszukiwarek

Wprowadzanie poprawek ułatwień dostępu może poprawić ranking witryny w wyszukiwarkach. Wiele funkcji ułatwień dostępu, takich jak alternatywny tekst na obrazach i odpowiednio ustrukturyzowana treść z nagłówkami, pomaga zarówno w ułatwieniu dostępu, jak i optymalizacji pod kątem wyszukiwarek (SEO). Wyższa pozycja na stronie wyników wyszukiwania może zwiększyć widoczność wśród nowych klientów lub klientów, prowadząc do zwiększonego ruchu w witrynie, konwersji, subskrybentów blogów lub biuletynów i nie tylko.

Zwiększona sprzedaż

CDC stwierdza, że ​​od 2018 r. 1 na 4 Amerykanów jest niepełnosprawny. Niepełnosprawni Amerykanie wydawali rocznie ponad 200 miliardów dolarów na uznaniowe wydatki online. Funkcje ułatwień dostępu umożliwiają większej liczbie osób znajdowanie witryn internetowych i korzystanie z nich, zwiększając szansę na nową sprzedaż, konwersje i stałych klientów. Kiedy wiele stron internetowych nie jest dostępnych w dzisiejszym świecie, każda dostępna strona internetowa stanie o głowę i ramiona nad konkurencją.

Jest to prawnie wymagane

Wszystkie strony internetowe muszą spełniać standardy dostępności sieci określone w ustawie Americans with Disabilities Act (ADA). Zgodnie z ADA ustanowiono precedens prawny, który ustanawia strony internetowe jako miejsca zakwaterowania publicznego. Oznacza to, że strony internetowe biznesowe, które zasadniczo są ich cyfrowymi witrynami sklepowymi, muszą być udostępniane w taki sam sposób, w jaki należy udostępnić budynek firmy z cegły i zaprawy.

Witryny lokalnych, stanowych i federalnych agencji rządowych oraz wszelkie witryny organizacji i projektów finansowanych przez władze federalne muszą również spełniać standardy sekcji 508. Ponadto istnieje wiele przepisów stanowych i międzynarodowych, które wymagają dostępu do witryn internetowych.

Jeśli witryna nie spełnia wymogów dostępności określonych w niniejszych wytycznych, organizacji może grozić proces sądowy lub, w niektórych przypadkach, grzywna rządowa. Według Usablenet w 2020 r. w Stanach Zjednoczonych wniesiono 3550 pozwów o dostępność stron internetowych. Utrzymanie zgodności z prawem jest ważną częścią prowadzenia działalności, a posiadanie dostępnej strony internetowej jest jednym ze sposobów, w jaki firmy mogą wypełnić swoje zobowiązania prawne.

Wizerunek marki

Firmy i organizacje non-profit, które podejmują kroki, aby ich witryny WordPress były bardziej dostępne, pokazują, że praktykują odpowiedzialność społeczną i deklarują, że chcą, aby internet był miejscem dla wszystkich. Zaangażowanie organizacji w dostępność pokazuje ludziom, że dba się o nich w głęboko ludzki sposób, co buduje lojalność i może podnieść wizerunek marki.

Jakie są typowe problemy z dostępnością?

Moja firma, Equalize Digital, to firma konsultingowa w zakresie ułatwień dostępu, która przeprowadza audyty ułatwień dostępu w witrynach internetowych dla firm, organizacji non-profit i agencji rządowych. We wszystkich naszych testach widzimy wiele problemów z dostępnością powtarzających się na wszystkich stronach internetowych. Te typowe problemy są stosunkowo prostymi problemami do rozwiązania, ale zazwyczaj są pomijane przez programistów, projektantów i twórców treści.

Jeśli chcesz się upewnić, że witryny, które tworzysz lub którymi zarządzasz, są dostępne, zacznij od sprawdzenia następujących problemów:

Brakujący lub niskiej jakości tekst alternatywny

Tekst alternatywny jest używany przez czytniki ekranu do opisywania treści lub celu obrazu osobom niewidomym. Jeśli tekst alternatywny pozostanie pusty, czytnik ekranu pominie go całkowicie lub zamiast tego odczyta nazwę pliku obrazu, co jest nieprzydatne, gdy nazwa pliku jest ciągiem cyfr lub nie opisuje wyglądu. Bez odpowiedniego tekstu alternatywnego niewidomi i niedowidzący użytkownicy nie będą mieli kontekstu ani zrozumienia obrazu.

Tekst alternatywny niskiej jakości jest problematyczny, ponieważ nie opisuje dokładnie obrazu lub jest zbyt szczegółowy i może powodować zamieszanie. Słowa i wyrażenia, takie jak „obraz”, „obraz”, „grafika z”, „obraz z”, nie muszą być dodawane do tekstu alternatywnego, ponieważ czytnik ekranu poinformuje o obecności obrazu lub grafiki.

Jeśli masz tekst alternatywny dłuższy niż 125-150 znaków, niektóre czytniki ekranu zostaną odcięte i przestaną czytać. Dodanie kropek w tekście alternatywnym może spowodować wstrzymanie działania czytników ekranu, co może dezorientować słuchaczy lub sprawić, że uznają, że tekst alternatywny się skończył.

Niewystarczający kontrast kolorów

W projektowaniu stron internetowych kontrast kolorów odnosi się do miary jasności między kolorem tła a kolorowymi elementami, takimi jak tekst, przyciski lub ikony. Kolory tła i pierwszego planu muszą mieć stosunek 4,5:1, aby tekst o standardowym rozmiarze był uważany za wystarczający. Kontrast kolorów można przetestować, wprowadzając kody szesnastkowe obu kolorów do bezpłatnego narzędzia do sprawdzania kontrastu kolorów.

Niejednoznaczny tekst zakotwiczenia

Tekst zakotwiczenia to słowo lub grupa słów, które można kliknąć na stronie internetowej. Kliknięcie tekstu zakotwiczenia może przenieść Cię do nowej strony internetowej, pobrać dokument, otworzyć obraz lub wideo w nowej karcie. Tekst zakotwiczenia jest uważany za niejednoznaczny, jeśli nie ma sensu poza kontekstem ani nie opisuje celu linku. Niektóre przykłady niejednoznacznego tekstu kotwicy to „link”, „kliknij tutaj”, „dowiedz się więcej” lub „kontynuuj”. Podczas dodawania linków do treści ważne jest, aby ktoś, kto miał usłyszeć tylko link niezależnie (bez otaczającego go tekstu), wiedział, gdzie wskazuje link lub co się stanie po kliknięciu linku.

Brakujące podpisy i transkrypcje

Napisy przyjmują treści mówione i niewymawiane, takie jak efekty dźwiękowe, muzyka lub śmiech z filmu, i opisują je za pomocą tekstu. Pojawiają się na ekranie podczas filmu, dzięki czemu użytkownicy niesłyszący i niedosłyszący mogą zrozumieć, co dzieje się w filmie. Ponadto napisy muszą odpowiadać czasowi filmu. Należy pamiętać, że podpisy muszą być dokładne; Należy sprawdzić dokładność podpisów generowanych automatycznie.

Transkrypcja to pisemny zapis tego, co zostało powiedziane w klipie audio lub podczas wideo. Transkrypcje stanowią dodatkowy sposób zrozumienia treści wideo lub plików audio. Powinny być używane razem z napisami do filmu, aby ludzie mogli czytać transkrypcję zamiast oglądać film. Jest to ważne, ponieważ nie wszyscy użytkownicy mogą czytać podpisy. Transkrypcje mają również tę zaletę, że można je łatwo przetłumaczyć na inne języki i mogą pomóc w SEO.

Testowanie stron internetowych WordPress pod kątem dostępności

Najlepszym sposobem testowania stron internetowych pod kątem dostępności jest wykonanie kombinacji testów automatycznych, ręcznych i testów użytkowników.

Zautomatyzowane testowanie dostępności

Zautomatyzowane testowanie ułatwień dostępu odbywa się za pomocą narzędzi do skanowania AI. Istnieje wiele darmowych i płatnych narzędzi, które oferują różne funkcje skanowania ułatwień dostępu. Wybierając zautomatyzowane narzędzie, należy pamiętać o kilku kwestiach:

• Rozmiar strony internetowej. Jeśli masz mniejszą witrynę internetową, może Ci się przydać bezpłatne narzędzie. Jeśli masz większą witrynę, na przykład witrynę z blogiem lub sekcją eCommerce z tysiącami postów, bardziej odpowiednie będzie płatne narzędzie.
• Ile wsparcia potrzebujesz. Jeśli potrzebujesz pomocy w znalezieniu błędów ułatwień dostępu w swojej witrynie, aby móc je naprawić, bezpłatne narzędzia mogą być świetną opcją. Jeśli potrzebujesz pomocy w zrozumieniu błędów ułatwień dostępu lub chcesz, aby ktoś inny je naprawił, spróbuj znaleźć narzędzie z opcjami pomocy, które są wbudowane lub oferowane przez programistów. Dostęp do pomocy jest kluczowy, jeśli nie masz doświadczenia w korygowaniu ułatwień dostępu.
• Doświadczenie użytkownika. Niektóre zautomatyzowane narzędzia ułatwień dostępu mogą być używane bezpośrednio w Twojej witrynie, na przykład za pośrednictwem rozszerzenia przeglądarki lub pulpitu WordPress. Inne narzędzia wymagają korzystania z interfejsu, który jest całkowicie oddzielony od Twojej witryny. Jeśli chcesz widzieć błędy ułatwień dostępu podczas pracy na swojej stronie, wybierz narzędzie, które oferuje raportowanie na stronie. Ułatwia to ciągłe sprawdzanie dostępności witryny podczas edytowania treści w witrynie.

Dwa popularne bezpłatne narzędzia, z których można korzystać na dowolnej stronie internetowej, to WAVE i Axe. Te narzędzia mają rozszerzenia Chrome i Firefox dostępne do testowania pojedynczych adresów URL, jeden na raz, oraz płatne plany, które umożliwiają testowanie zbiorcze i dodatkowe funkcje.

Wtyczka WordPress do sprawdzania ułatwień dostępu

Jeśli chcesz uruchamiać zbiorcze skanowanie ułatwień dostępu i wyświetlać raporty na pulpicie nawigacyjnym WordPress, najlepszym narzędziem jest wtyczka WordPress Accessibility Checker. Możesz pobrać podstawową wersję wtyczki za darmo na WordPress.org.

Sprawdzanie ułatwień dostępu skanuje strony i posty pod kątem błędów dostępności lub potencjalnych problemów i wyświetla je bezpośrednio na ekranie edycji tej strony lub posta. Te raporty na stronie są przydatne nie tylko do sprawdzania, czy witryna jest dostępna w pierwszej kolejności, ale także do monitorowania bieżącej dostępności.

Narzędzie do sprawdzania ułatwień dostępu przeprowadza ponad 40 różnych testów, w tym pod kątem typowych problemów zidentyfikowanych powyżej. Darmowa wersja skanuje posty i strony, a wersja Pro zawiera pełne skany witryn niestandardowych typów postów i stron archiwum. Nieprawidłowo zgłoszone lub sprawdzone elementy mogą zostać odrzucone, co pozwala na śledzenie poprawek ułatwień dostępu, gdy są one wprowadzane w miarę upływu czasu. To świetne narzędzie zarówno dla agencji, programistów, jak i użytkowników WordPressa.

Testowanie ręczne

Niestety automatyczne skanowanie nie może zidentyfikować każdego problemu z dostępnością w witrynie — niektóre problemy może rozpoznać tylko człowiek, który ma dostęp do witryny. Po przetestowaniu witryny za pomocą zautomatyzowanego narzędzia, takiego jak Accessibility Checker, wykonaj ręczne testy, aby upewnić się, że wszyscy ludzie mogą z niej korzystać bez względu na to, z jakiego urządzenia korzystają.

Pierwszym krokiem w ręcznym teście ułatwień dostępu jest potwierdzenie, że użytkownicy mogą w pełni nawigować po nim tylko za pomocą klawiatury. Przejdź do przedniej części witryny i użyj klawiszy tabulatora i strzałek, aby poruszać się po witrynie, upewniając się, że nie stracisz swojego miejsca podczas przechodzenia i że możesz korzystać ze wszystkich części witryny.

Po przetestowaniu klawiatury możesz przejść do testowania czytnika ekranu. Czytniki ekranu to rodzaj oprogramowania wspomagającego, którego używają osoby niewidome i niedowidzące do zrozumienia treści internetowych. Jeśli masz komputer Mac, możesz użyć oprogramowania VoiceOver wbudowanego w komputer. Jeśli nie masz komputera Mac, możesz pobrać darmowy czytnik ekranu o otwartym kodzie źródłowym NVDA lub kupić popularny czytnik ekranu JAWS. Najlepszą praktyką jest przetestowanie witryny za pomocą co najmniej dwóch czytników ekranu, ponieważ nie wszystkie czytniki ekranu mówią to samo dla poszczególnych elementów.

Aby przetestować swoją witrynę internetową za pomocą czytnika ekranu, przejdź do strony, którą chcesz przetestować, a następnie poruszaj się po stronie, tak jak podczas testu nawigacji za pomocą klawiatury, używając tylko tabulatorów i klawiszy strzałek. Słuchaj, co mówi czytnik ekranu, gdy poruszasz się po stronie i oznaczaj wszystko, co jest niepoprawne lub mylące. Słuchaj plików multimedialnych lub suwaków, które odtwarzają się automatycznie i przerywają inne treści na stronie.

Po wykonaniu testów nawigacji za pomocą klawiatury i czytnika ekranu należy sprawdzić wszystkie osadzone lub połączone pliki multimedialne. Pliki multimedialne obejmują filmy, pliki audio, pliki PDF, pliki .Doc lub .XLS, suwaki obrazu lub tekstu oraz widżety lub ramki iFrames innych firm. Upewnij się, że osoby niepełnosprawne mogą uzyskać dostęp, wchodzić w interakcje i rozumieć treści prezentowane przez wszystkie osadzone lub połączone pliki multimedialne.

Testowanie użytkownika

Po automatycznych i ręcznych testach dostępności, zaleca się wykonanie testów użytkowników. Testowanie użytkowników polega na zatrudnianiu rzeczywistych użytkowników technologii wspomagających do testowania Twojej witryny pod kątem błędów dostępności. Zazwyczaj użytkownik testowy otrzymuje brief od programisty internetowego z określonymi celami. Użytkownik testowy spróbuje następnie osiągnąć te cele, a następnie przekaże informację zwrotną programiście.

Możesz zatrudniać indywidualnych użytkowników testowych za pośrednictwem programów płatnych lub wolontariackich albo znaleźć firmę ułatwiającą dostęp, która oferuje usługi testowania użytkowników.

Wniosek: Utrzymywanie dostępności strony internetowej

Należy zauważyć, że podobnie jak SEO, dostępność jest procesem ciągłym, który wymaga ciągłego monitorowania i modyfikacji. Aby zapewnić dostępność witryny, utwórz plan:

• Regularnie monitoruj i testuj błędy ułatwień dostępu za pomocą narzędzia takiego jak wtyczka Accessibility Checker.
• Szkol programistów, projektantów i twórców treści internetowych w zakresie najlepszych praktyk dotyczących ułatwień dostępu w sieci. Jeśli uruchamiasz witryny internetowe dla klientów, upewnij się, że wiedzą, jak dodawać treści w przystępny sposób po uruchomieniu.
• Bądź na bieżąco z wytycznymi dotyczącymi ułatwień dostępu lub zmianami w prawie, których musisz przestrzegać.

Podjęcie tych kroków pomoże zapewnić, że Twoja witryna pozostanie dostępna, a wszyscy ludzie będą mieli równy dostęp do informacji, produktów i usług w sieci, niezależnie od ich możliwości.