WordPress -Dostępność

Dostępność WordPressa: Jak stworzyć dostępną stronę internetową

Dostępność w WordPressie jest ważnym elementem budowania stron internetowych, o którym nie mówi się wystarczająco dużo - jak dostępny jest ten popularny CMS? Dlaczego dostępność jest tak ważna? A jak sprawić, by twoja strona WordPress była łatwo dostępna dla wszystkich?

Dostęp dla wszystkich: fakty na temat dostępności

WordPress obsługuje ponad 35% wszystkich stron internetowych. Witryny e-commerce, duże publikacje online, kanały informacyjne, blogi i witryny biznesowe korzystają z WordPressa, ponieważ jest on łatwy w obsłudze.

I właśnie dlatego, że WordPress jest tak popularny, ma ogromny wpływ na dostępność stron internetowych. Jednak temat dostępności nie zawsze znajduje się na pierwszym planie podczas tworzenia i przeprojektowywania stron internetowych. Nie ma w tym nic złego, ale równie ważne powinno być to, by twoja strona WordPressa była łatwo dostępna dla wszystkich. 

Według statystyk firmy Interactive Accessibility, 56 milionów Amerykanów żyje z niepełnosprawnością. Ponadto Pew Research Center podaje, że 54% niepełnosprawnych dorosłych Amerykanów regularnie korzysta z Internetu. I to tylko w Stanach Zjednoczonych. W skali globalnej liczba ta wzrasta.

Jeśli zignorujesz kwestię dostępności, już dziś wykluczasz 20 procent światowej populacji z możliwości korzystania z Twojej witryny. Krótko mówiąc, zaniedbywanie dostępności nie jest dobre dla Twojej firmy. Ale co ważniejsze, jest to straszne dla tworzenia bardziej sprawiedliwego i uczciwego świata. 

Jeśli więc kiedykolwiek zastanawiałeś się, jak stworzyć dostępną stronę internetową za pomocą WordPressa, ten przewodnik jest dla ciebie:

  • Czym jest dostępność stron internetowych?
  • Czy strona WordPress jest dostępna "od ręki"?
  • Jakie narzędzia i wtyczki pomagają w tworzeniu dostępnej witryny WordPress?

Czym w ogóle jest dostępność stron internetowych?

Dostępność sieci odnosi się do narzędzi, które umożliwiają osobom niepełnosprawnym korzystanie i dostęp do sieci. Jest to szczególnie istotne w przypadku niepełnosprawności, które mogą wpływać na sposób, w jaki ludzie uzyskują dostęp do sieci i z niej korzystają, w tym:

  • Niepełnosprawność wzrokowa
  • Zaburzenia akustyczne
  • Upośledzenia językowe
  • Niepełnosprawność poznawcza 
  • Niepełnosprawność neurologiczna
  • Czasowa niezdolność do pracy (np. złamana ręka)

Lista ta obejmuje również niepełnosprawność związaną z wiekiem, a nawet niepełnosprawność wynikającą z wolnego połączenia internetowego. Jednym z głównych powodów, dla których dostępność jest tak ważna, jest rosnąca rola internetu w naszym codziennym życiu: od dostępu do informacji i bieżących wiadomości po zakupy spożywcze i utrzymywanie kontaktu z bliskimi.

Więcej powodów, dla których dostępność jest ważna w Internecie: 

Biorąc pod uwagę znaczenie Internetu we współczesnym świecie, sieć musi być dostępna dla wszystkich, niezależnie od statusu czy możliwości.

Czy strona WordPress jest dostępna "od ręki"? 

WordPress nie zawsze był łatwo dostępny: Jeszcze kilka lat temu użytkownicy, którzy korzystali w sieci z technologii wspomagających, mieli poważne problemy z poruszaniem się po panelu administracyjnym.

Dostępność WordPressa: Jak stworzyć dostępną stronę internetową

Od tamtego czasu wiele się zmieniło. Po pierwsze, mała grupa wolontariuszy - tzw. Make WordPress Accessible Team - znacznie poprawiła dostępność strony WordPress .  

W wyniku ich pracy obszar administracyjny stał się znacznie bardziej dostępny, podobnie jak biblioteka mediów i Theme Customizer. Ponadto, do WordPress Core dodano wiele skrótów klawiaturowych, aby przyspieszyć edycję i formatowanie postów i stron. 

Standardy kodowania dotyczące dostępności strony WordPress zostały dodane do podręcznika WordPress Core w marcu 2016 roku.  Od tego czasu motywy i wtyczki muszą przejść rygorystyczny test dostępności, aby w ogóle mogły zostać zaklasyfikowane jako dostępne.

Co to jest Core Contributor Handbook?

Podręcznik definiuje standardy kodowania, które muszą być spełnione przez twórców WordPressa, gdy dodają oni swój wkład do WordPress Core oraz zgłaszają motywy i wtyczki do oficjalnego repozytorium.

Chociaż wprowadzono wiele zmian i ulepszeń, WordPress ma jeszcze trochę do zrobienia w zakresie dostępności. Podczas gdy WordPress stara się spełniać wymagania Authoring Tool Accessibility Guidelines (ATAG) 2.0, istnieją inne kwestie, które stoją na drodze do 100% dostępności: 

  • Twórcy zewnętrznych motywów i wtyczek nie zawsze stosują się do Wytycznych dotyczących dostępności. W rezultacie większość problemów z dostępnością w WordPressie wynika z nieprzystosowanych motywów i wtyczek.
  • Nowy edytorGutenberg w momencie premiery miał 90 problemów z dostępnością. (W momencie pisania tego tekstu tylko 22 kwestie pozostają nierozwiązane).
Dostępność WordPressa: Jak stworzyć dostępną stronę internetową

Wskazówki dotyczące dostępnych stron internetowych WordPress

Podczas tworzenia dostępnej strony internetowej obowiązują pewne zasady określone w Wytycznych dotyczących dostępności treści internetowych (Web Content Accessibility Guidelines ). Zdecydowanie należy z nich korzystać, aby mieć pewność, że każdy może korzystać z witryny WordPress. 

Lista kontrolna dotycząca dostępności witryny WordPress

  • Postrzegalność : Wszyscy użytkownicy muszą być w stanie dostrzec elementy informacji i interfejsu użytkownika.
  • Użyteczność: Niezależnie od tego, z jakiego urządzenia użytkownicy korzystają z Twojej witryny, elementy interfejsu użytkownika i nawigacja muszą być użyteczne.
  • Zrozumiałość: Wszyscy użytkownicy muszą być w stanie zrozumieć zarówno informacje, jak i interfejs użytkownika.
  • Solidność: : Zarówno użytkownicy, jak i różne programy użytkowe (w tym technologie wspomagające) muszą być w stanie odczytać i zrozumieć treść strony. 

W oparciu o te cztery kluczowe zasady, oto kilka wskazówek, których musisz przestrzegać, tworząc dostępną stronę w WordPressie. 

Wskazówki, które zapewnią zauważalność Twojej witryny WordPress

  • Linki i przyciski nie powinny odróżniać się od reszty treści jedynie kolorem.
  • Zapewnij wsparcie brajla i zapewnij alternatywy tekstowe dla treści wizualnych i dźwiękowych, takich jak obrazy i filmy.
  • Ustaw szerokość tekstu i szerokość linii na rozmiary, które maksymalizują czytelność.
  • Upewnij się, że kontrast między tekstem a tłem jest wystarczający. Innymi słowy, nie używaj jaskrawoczerwonego tekstu na czarnym tle.
  • Treści audio i wideo powinny zawierać transkrypcje, podpisy lub język migowy.
  • Należy unikać animowanych GIF-ów, migających animacji i innych treści, które mogą powodować drgawki i reakcje fizyczne.

Wskazówki zapewniające użyteczność witryny WordPress

  • Powstrzymaj się od stosowania CAPTCHA lub oferowania wielu sposobów na ich rozwiązanie, ponieważ mogą one sprawiać problemy wielu osobom.
  • Łącza nie powinny otwierać zawartości w nowym oknie bez poinformowania o tym użytkowników lub bez wcześniejszej interakcji z nimi.
  • Upewnij się, że użytkownicy mają dostęp do przycisków i elementów menu (a także do menu rozwijanych) za pomocą klawiatury i myszy. 
  • Elementy multimedialne, takie jak wideo, audio, karuzele czy suwaki nie powinny być ustawione na autoodtwarzanie lub zmianę bez interakcji użytkownika.

Wskazówki zapewniające zrozumiałość witryny WordPress

  • Podczas projektowania, pomyśl o różnych rzutniach i zmień odpowiednio położenie i wygląd głównych elementów.
  • Użyj nagłówków, aby zdefiniować różne podrozdziały strony.
  • Unikaj używania żargonu, trudnych terminów i skrótów. Zamiast tego upewnij się, że Twoje treści są napisane jasno i zwięźle.
  • Linki muszą być opisowe i mieć sens bez kontekstu. Na przykład, lepiej jest mieć przycisk lub link z tekstem "Dowiedz się więcej o naszych usługach" niż po prostu "Dowiedz się więcej".

Wskazówki zapewniające solidność witryny WordPress

  • Dodaj linki pomijania na górze każdej strony.
  • Upewnij się, że pola formularza mają odpowiednie etykiety. Twoje formularze powinny również zawierać ostrzeżenia i potwierdzenia, które są łatwe do zobaczenia dla osób niewidomych na kolor.
  • Verwende tabindex, um ein Element, das normalerweise keinen Fokus erhält, wie zum Beispiel <div> oder <span>, in die Navigationsreihenfolge einzufügen, wenn es für die Interaktion verwendet wird.
  • Media do pobrania, takie jak dokumenty PDF, materiały audio lub wideo, powinny mieć opis informujący, że pobieranie właśnie się rozpoczyna.
  • Niestandardowe elementy interaktywne, takie jak akordeony czy zakładki, powinny mieć znaczenie zgodne z WAI-ARIA Roles.
Zgoda*
To pole służy do weryfikacji i nie powinno być zmieniane.

Wtyczki i narzędzia dostępności WordPressa

Jeśli zastosujesz się do powyższych wskazówek, Twoja strona będzie dostępna. Nie zawsze jednak tak łatwo jest śledzić wszystkie te zasady i wytyczne.

Na szczęście istnieje szereg Plugins oraz narzędzia na więcej WordPress , które mogą pomóc w szybszym tworzeniu dostępnych stron internetowych - nie zapominając o ważnych krokach. 

Dostępność WP

WP-Accessibility

WP Accessibility to jedna z najlepszych wtyczek dostępności WordPress z oficjalnego repozytorium wtyczek WordPress. Ma 5-gwiazdkową ocenę i ponad 30 000 aktywnych instalacji. Plugin rozwiązuje i naprawia typowe problemy z dostępnością w motywach WP. 

Kluczowe cechy WP Accessibility:

  • Dodaj linki pomijania z niestandardowymi miejscami docelowymi
  • Dodawanie obrysu do stanu skupienia klawiatury
  • Usuń indeks zakładek z elementów zogniskowanych
  • dodawać długie opisy do zdjęć
  • Wymuszanie atrybutów Alt dla obrazów w klasycznym edytorze

WP Accessibility naprawia również problemy z dostępnością w WordPress Core, takie jak usunięcie niepotrzebnych atrybutów tytułu z list stron, list kategorii i menu archiwum.

Najlepsza wtyczka WordPressa zapewniająca dostępność dla firm posiadających istniejące strony internetowe, które chcą poprawić ich dostępność.

Cena: Możesz pobrać WP Accessibility za darmo z oficjalnego repozytorium. 

Pasek narzędzi AccessibleWP

Pasek narzędzi WPAccessible

AccessibleWP Toolbar, dawniej znany jako Accessible Poetry, ma ocenę 4,5 gwiazdki i ponad 4000 aktywnych instalacji. Strona WordPress Plugin ułatwia włączenie pewnych funkcji i uczynienie witryny bardziej dostępną. 

Kluczowe cechy paska narzędzi AccessibleWP Toolbar:

  • Włącz nawigację za pomocą klawiatury, aby użytkownicy mogli poruszać się po Twojej stronie za pomocą klawiatury,
  • Użytkownicy mogą wyłączyć animacje CSS3
  • Użytkownicy mogą zmieniać kolory strony na kolory o lepszym kontraście
  • Użytkownicy mogą zmienić kolorystykę strony na kolory w skali szarości
  • Użytkownicy mogą zwiększać lub zmniejszać rozmiar czcionki na Twojej stronie.

Najlepsza wtyczka WordPressa zapewniająca dostępność dla firm, które chcą mieć bardziej przystępną stronę internetową, ale zachować markowy schemat kolorów i ogólną estetykę. 

Cena: Możesz pobrać AccessibleWP Toolbar za darmo z oficjalnego repozytorium. 

Dostępność jednym kliknięciem

Dostępność jednym kliknięciem

Popularna wtyczka WordPress dla dostępności, One Click Accessibility, został pierwotnie opracowany dla Pojo Framework i jest teraz kompatybilny z wszystkimi motywami WordPress. Wtyczka ma ocenę 4,5 gwiazdki i ponad 30 000 aktywnych instalacji. 

Kluczowe cechy One Click Accessibility: 

  • Użytkownicy mogą włączyć lub kontrolować rozmiar czcionki, kontrast, podkreślenie linków, czytelne czcionki za pomocą paska narzędzi dostępności
  • Aktywuj pomijanie linków
  • Dodaj ostrość konturu dla elementów zogniskowanych
  • Usuń atrybuty docelowe z linków i dodaj role landmarków

Najlepsza wtyczka WordPressa zapewniająca dostępność dla stron internetowych, stworzona w oparciu o framework Pojo.

Cena: One Click Accessibility można pobrać za darmo z oficjalnego repozytorium. 

WordPress Pomocnik ds. dostępności

WordPress -Accessibility-Helper

WordPress Accessibility Helper   ma 5-gwiazdkową ocenę i ponad 10,000 aktywnych instalacji. Serwis Plugin oferuje bezpłatną wersję z bogatym zestawem funkcji. Wersja premium oferuje jeszcze więcej funkcji, w tym możliwość kontrolowania okien modalnych i popupów, dodawania akordeonów i dostosowywania logotypów.

Kluczowe cechy WordPress Accessibility Helper

  • Dodawanie pominiętych linków
  • Ustawianie rozmiaru czcionki zgodnie z własnymi życzeniami
  • Sprawdzanie stron i postów pod kątem błędów dostępności
  • Możliwość ustawienia niestandardowych kolorów dla lepszego/ciemniejszego kontrastu
  • Podkreślenie lub wyróżnienie wszystkich łączy

Najlepsza wtyczka WordPressa zapewniająca dostępność dla firm, które potrzebują solidnej wtyczki, aby dostępność stała się kluczową cechą ich witryny i działalności. 

Cena: WordPress Accessibility Helper jest darmowy do pobrania. Możesz kupić wersję Pro za 80 dolarów, która pozwala zainstalować Plugin na stronie internetowej i uzyskać trzymiesięczne wsparcie. 

WP ADA Compliance Check Basic

WP ADA Compliance Check Basic sprawdza Twoją stronę pod kątem problemów z dostępnością stron internetowych i dostarcza Ci szczegółowy raport na ten temat. Ocena opiera się na standardach dostępności sieci Web Section 508 i WCAG 2.1 LEVEL A/AA. 

Kluczowe cechy WP ADA Compliance Check Basic

  • Ocenia twoją witrynę pod kątem dostępności w sieci
  • Uruchamia raporty dostępności
  • Udostępnia łatwe do wykonania instrukcje dotyczące rozwiązywania problemów z dostępnością
  • Wykonuje automatyczną korektę problemów z dostępnością (tylko w wersji Premium)
  • Identyfikuje problemy z wtyczkami (tylko w wersji Premium)

Najlepsza wtyczka WordPressa zapewniająca dostępność dlafirm, które chcą się skupić przede wszystkim na wytycznych prawnych dotyczących dostępności stron internetowych, lub firmy zainteresowane oszczędzającą czas funkcją automatycznej korekty w wersji premium.

Cena: WP ADA Compliance Check Basic jest darmowy do pobrania i ograniczony do 25 postów lub stron. Wersja premium zaczyna się od 165 dolarów za jedną stronę internetową i daje Ci rok wsparcia i aktualizacji. 

Access Monitor

Monitor dostępu

Wtyczka Access Monitor ma ocenę 5 gwiazdek i 400 instalacji. Wtyczka nie dodaje żadnych funkcji dostępności do Twojej witryny, ale pozwala sprawdzić, jak bardzo dostępna jest obecnie Twoja witryna WordPress. Przeprowadza również automatyczne sprawdzanie dostępności witryny, które jest kontrolowane przez serwis Tenon.io

Kluczowe cechy Access Monitora

  • Zaplanuj tygodniowe lub miesięczne raporty dostępności.
  • Przetestuj określony zestaw stron
  • Dowiedz się o problemach z dostępnością, które można definitywnie określić za pomocą maszyny.

Najlepsza wtyczka WordPressa zapewniająca dostępność dla Firmy, które chcą mieć prosty, darmowy sposób na regularne identyfikowanie problemów z dostępnością. 

Cena: Access Monitor można pobrać za darmo z oficjalnego repozytorium. 

Uwaga na temat WordPress Plugins i dostępności

Warto zauważyć, że podobnie jak motywy WordPressa, wtyczki mogą być zgłaszane przez każdego i przechodzą opcjonalną kontrolę dostępności podczas procesu recenzji. W rezultacie wiele wtyczek do WordPressa nie spełnia wytycznych dotyczących dostępności cyfrowej - a korzystanie z nich może sprawić, że twoja strona będzie niedostępna. 

Typowe przykłady takich wtyczek to wtyczki typu slider lub karuzela, które są ustawione na autoodtwarzanie lub wstrzymywanie odtwarzania po interakcji z klawiaturą. Innym przykładem jest wtyczka formularza, która nie ma odpowiednio oznaczonych pól. Pamiętając o tym, powinieneś ponownie przetestować swoją witrynę WordPress pod kątem dostępności za każdym razem, gdy instalujesz nową wtyczkę. 

Motywy WordPress i dostępność

Niestety, jeśli wejdziesz do oficjalnego repozytorium WordPressa i przefiltrujesz swoje wyszukiwanie pod kątem dostępnych motywów, okaże się, że jest tam tylko 108 motywów oznaczonych jako łatwo dostępne.  

Jak już wspomnieliśmy, dzięki wysiłkom zespołu Make WordPress Accessible, twórcy motywów mogą zgłosić swój motyw do opcjonalnej oceny dostępności podczas procesu recenzji. 

Aby otrzymać znacznik "Accessibility Ready", wtyczka musi spełniać zestaw wytycznych dotyczących dostępności cyfrowej wymienionych we wtyczce Review Manual i oficjalnym WordPress Codex

Tworzenie łatwo dostępnych stron WordPress

Spójrzmy prawdzie w oczy: większość użytkowników WordPressa zdecyduje się na motywy premium innych firm, marketplace'ów innych firm lub całkowicie własny motyw. 

Jeśli jesteś programistą, którego zadaniem jest stworzenie dostępnej strony w WordPressie, jest kilka motywów, które możesz wykorzystać jako punkt wyjścia.

Underscores

Underscores został stworzony przez Automattic i jest punktem wyjścia dla większości motywów dostępnych na WordPress.com. Motyw zawiera kilka dostępnych funkcji. 

Genesis by StudioPress

Genesis by StudioPress jest popularnym frameworkiem premium, który może być użyty do stworzenia własnego, dostępnego motywu potomnego Genesis. Alternatywnie możesz użyć jednego z istniejących motywów potomnych z dostępnymi funkcjami.   

GeneratePress

GeneratePress to kolejny popularny motyw, który jest dostępny i może być użyty jako punkt wyjścia dla twojego projektu.

WCAG Theme

WCAG Theme został zaprojektowany specjalnie z myślą o dostępności i jest zgodny z sekcją 508 i WCAG 2.0 AA. Dodatkowo posiada pełną obsługę klawiatury. 

Astra

Astra to popularny motyw z wersją darmową i premium, który charakteryzuje się przystępnymi tagami, kompatybilnością z popularnymi kreatorami wtyczek i szybkimi czasami ładowania.

Astra zapewnia dostępną podstawę dla Twojej witryny WordPress i przyspiesza czas i proces rozwoju. 

Więcej materiałów na temat dostępności WordPressa

Jeśli chodzi o stronę WordPress i dostępność, w Internecie można znaleźć wiele informacji na ten temat. Jeśli chcesz dowiedzieć się więcej na temat dostępności, oto kilka dobrych miejsc, od których możesz zacząć swoje poszukiwania:

  • Tworzenie dostępnych motywów WordPress: prezentacja Josepha Karra O'Connora z WordCamp 2013 w Montrealu. Prezentacja dotyczy dostępności w ogólności i jej zastosowania w WordPressie, w tym sposobów tworzenia dostępnych wtyczek, motywów i widżetów oraz sposobów zwiększania dostępności treści.
  • Narzędzia do tworzenia WordPressa i wtyczki dostępności: Lista narzędzi i zasobów udostępnionych przez zespół Make WordPress Accessible, które pomogą Ci przetestować i poprawić funkcje dostępności na Twoich stronach.
  • Utwórz stronę WordPress Accessible Homepage: Oficjalny blog zespołu Make WordPress Accessible, na którym można przeczytać najnowsze wiadomości i pomóc uczynić WordPress bardziej dostępnym.
  • Narzędzie do oceny dostępności stron internetowych WAVE: Użyj tego narzędzia, aby przetestować swoją witrynę WordPress pod kątem dostępności. Po przeprowadzeniu skanowania narzędzie wskaże problemy, które należy usunąć, aby spełnić wytyczne dotyczące dostępności. 
  • Stark: Kiedy zaczynasz tworzyć swoją stronę internetową w Sketch lub Adobe XD, ta wtyczka pomoże ci upewnić się, że twoje projekty stron internetowych są dostępne od samego początku. 
  • Accessibility Color Wheel: Użyj tego narzędzia, aby wybrać kolory, które mają wystarczający kontrast i spełniają wytyczne dostępności. Możesz również zobaczyć, jak osoby cierpiące na ślepotę barw będą widzieć wybrane przez Ciebie kolory. 
  • Rozszerzenie Axe Chrome: Jeśli używasz Chrome, to rozszerzenie pozwala sprawdzić każdą stronę internetową pod kątem problemów z dostępnością za pomocą jednego kliknięcia.
  • The A11y Machine: Możesz pobrać A11y Machine z GitHub. Narzędzie to służy jako zautomatyzowane narzędzie do testowania dostępności. Oznacza to, że używasz go do testowania dowolnej strony internetowej pod kątem dostępności. Narzędzie tworzy następnie szczegółowy raport, który można wykorzystać do poprawy dostępności witryny.

Podsumowanie: Jak zapewnić łatwość dostępu do swojej witryny WordPress

WordPress jako platforma już teraz oferuje pewne funkcje dostępności, ale nadal nie jest w pełni dostępna. Jeśli chcesz tworzyć łatwo dostępne strony internetowe za pomocą WordPressa, musisz wziąć pod uwagę kilka rzeczy: 

  • Postępuj zgodnie z oficjalnymi wytycznymi dotyczącymi dostępności treści internetowych, jak również z wytycznymi dotyczącymi dostępności WordPress przedstawionymi w Theme Review Handbook. 
  • Zacznij od dostępnej strony WordPress Theme , aby skrócić czas projektowania i zbudować solidne podstawy dla dostępnej strony. 
  • Skorzystaj z WordPress Accessibility Plugins i narzędzi, aby przetestować gotową stronę i upewnić się, że jest ona dostępna dla wszystkich.

Stosując się do powyższych wskazówek, będziesz na dobrej drodze do tworzenia dostępnych stron internetowych i uczynienia Internetu bardziej użytecznym i dostępnym dla wszystkich. A jeśli potrzebujesz szybkiego i bezpiecznego hostingu WordPress dla wszystkich dostępnych stron, które będziesz tworzyć, nie wahaj się zarejestrować się na stronie Raidboxes, aby uzyskać bezpłatny okres próbny. 

Twoje pytania dotyczące dostępności WordPressa

Masz pytania do Maddy? Zapraszamy do korzystania z sekcji komentarzy. Chcesz uzyskać więcej wskazówek na temat projektowania i tworzenia stron internetowych? Obserwuj nas na Twitterze, Facebooku lub poprzez nasz Newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.