Wtyczki 10 WordPress, które pomogą poprawić dostępność strony internetowej

Opublikowany: 2022-07-11

WordPress zapewnia przyzwoity start, jeśli chodzi o tworzenie dostępnych stron internetowych. Na przykład ostatnie domyślne motywy są już zbudowane z myślą o ułatwieniach dostępu. Ale to nie znaczy, że twoja praca jest skończona.

Nadal jest wiele elementów do odhaczenia na liście, aby zapewnić wszystkim dostęp do nawigacji i zawartości witryny. Na szczęście jest to jeden z obszarów, w którym społeczność twórców wtyczek naprawdę się rozwinęła. Mamy teraz dostęp do szerokiej gamy narzędzi, które pomogą nam sprostać wyzwaniom dostępności.

Oto zbiór wtyczek WordPress, które mogą pomóc poprawić dostępność Twojej witryny:

  • Już wkrótce Wtyczki WordPress
  • Zarządzanie komentarzami Wtyczki WordPress
  • Wtyczki WordPress do tworzenia treści
  • Wtyczki Google Map WordPress
  • Wtyczki WordPress zgodne z RODO
  • Zgodność prawna Wtyczki WordPress
  • Biblioteka mediów Wtyczki WordPress
  • Optymalizuj i przyspieszaj wtyczki WordPress
  • Powiązany wpis Wtyczki WordPress
  • Bezpieczeństwo Wtyczki WordPress
  • Wtyczki SEO WordPress
  • Wtyczki WordPress do podświetlania składni
  • Integracja z mediami społecznościowymi Wtyczki WordPress
  • Wtyczki WordPress do tworzenia kopii zapasowych stron internetowych
  • Tłumaczenie stron internetowych Wtyczki WordPress
  • Widżet Wtyczki WordPress

Dostępność WP

WP Accessibility (autorstwa Joe Dolsona, z którym niedawno rozmawialiśmy) to wielofunkcyjna wtyczka, która rozwiązuje typowe problemy z dostępnością.

Jego najbardziej zewnętrzną cechą jest pasek narzędzi z rozmiarem czcionki i kolorem, który ułatwia użytkownikom czytanie treści. Ale wykonuje również wiele zakulisowych działań, takich jak dodawanie linków do przechodzenia do treści, implementowanie konturu do stanu linku :focus w celu lepszej nawigacji na klawiaturze, używanie longdesc dla obrazów i wiele więcej. Każdą funkcję można włączyć lub wyłączyć na stronie ustawień.

Dostępność WP

Pomocnik ułatwień dostępu WP

WP Accessibility Helper dodaje do witryny przyjazny dla użytkownika pasek narzędzi, który pozwala użytkownikom wybierać różne kontrasty kolorów (mogą wybierać spośród wielu schematów kolorów) i dostosowywać rozmiar czcionki do własnych upodobań. Ale to wykracza poza możliwości użytkownika dotyczące podkreślania lub wyróżniania linków, obrazów w skali szarości, zmiany czcionek i nawigacji za pomocą klawiatury.

Wtyczka zawiera również skaner DOM, który sprawdzi Twoją witrynę pod kątem różnych błędów dostępności. Dostępna jest również wersja pro, która dodaje jeszcze więcej gadżetów.

Pomocnik ułatwień dostępu WP

Widżet ułatwień dostępu

Jeśli chcesz w prosty sposób umożliwić użytkownikom powiększanie tekstu, widżet ułatwień dostępu jest dobrą opcją. Jest to widżet o minimalistycznym stylu, który oferuje linki tekstowe „Mały”, „Średni” i „Duży”. Ustawienia pozwalają określić, których elementów HTML dotyczy i jak duże (lub małe) powinny być czcionki.

Widżet ułatwień dostępu

Sprawdzanie ułatwień dostępu przez Equalize Digital

Narzędzie do sprawdzania ułatwień dostępu zapewnia informacje zwrotne w czasie rzeczywistym na temat zawartości witryny. Po opublikowaniu lub zapisaniu jako wersja robocza zawartość jest skanowana pod kątem dostępności. Wtyczka następnie zapewnia wizualny przegląd (i obraźliwy kod) wszelkich znalezionych problemów.

Darmowa wersja skanuje nieograniczoną liczbę postów i stron. Wersja Pro podnosi stawkę, obejmując niestandardowe typy postów, oferując scentralizowaną listę otwartych problemów dotyczących ułatwień dostępu i pomagając sporządzić oświadczenie o dostępności dla Twojej witryny.

Sprawdzanie ułatwień dostępu przez Equalize Digital

Dostęp do monitora

Wtyczki WordPress działają najlepiej, gdy oszczędzają czas. Access Monitor może to zrobić, wykonując zautomatyzowane cotygodniowe lub miesięczne skanowanie dostępności. Skonfiguruj wtyczkę, aby przetestować niestandardowy zestaw stron, a zwróci listę „określonych” problemów. Oznacza to, że wtyczka będzie zgłaszać tylko problemy, które można przetestować na komputerze. Zmniejsza to liczbę wyników fałszywie dodatnich, które mają tendencję do nękania automatycznych skanów.

Aby korzystać z Access Monitor, musisz pobrać bezpłatny klucz API z usługi Tenon.io.

Dostęp do monitora

Zmiana rozmiaru czcionki Zenona

Typografia odgrywa ogromną rolę w dostępności strony internetowej. Jeśli czcionki w Twojej witrynie są zbyt małe, może być ona niedostępna dla wielu użytkowników. Zeno Font Resizer jest tutaj, aby pomóc.

Wtyczka umożliwia użytkownikom zmianę rozmiaru tekstu według własnych upodobań za pomocą widżetu (zmianę rozmiaru można również zaimplementować za pomocą fragmentu kodu w motywie). Możesz ustawić minimalny i maksymalny rozmiar czcionki, a także wielkość zmiany rozmiaru dla każdego „kroku” w górę lub w dół skali.

Zmiana rozmiaru czcionki Zenona

Dostępność jednym kliknięciem

Ułatwienia dostępu jednym kliknięciem doda poręczny pasek narzędzi w interfejsie użytkownika, który pozwoli odwiedzającym Twoją witrynę dostosować różne ustawienia ułatwień dostępu. Mogą zmieniać rozmiar czcionek, zmieniać kontrast kolorów i podkreślać hiperłącza.

Na zapleczu możesz dostosować, które elementy są dostępne na pasku narzędzi. Ponadto istnieją ustawienia, które dodają fokus do wszystkich linków, dodają link do przejścia do treści i zapamiętują preferencje użytkownika.

Dostępność jednym kliknięciem

Zbiorczy tekst alternatywny obrazu automatycznego

Jeśli obrazom w Twojej witrynie brakuje atrybutów ALT, oznacza to, że są one niedostępne dla użytkowników czytników ekranu. Mogą tracić ważne informacje.

Jednym ze sposobów rozwiązania tego problemu jest użycie wtyczki, takiej jak Bulk Auto Image Alt Text. Wtyczka będzie używać elementów takich jak tytuły postów lub słowa kluczowe Yoast SEO skupiające się na obrazach, które nie mają jeszcze ustawionego atrybutu ALT. Działa automatycznie, więc nie musisz samodzielnie przeglądać wszystkich mediów.

Pamiętaj tylko, że opisowe atrybuty ALT są lepsze dla dostępności. Dlatego ta wtyczka może służyć jako rozwiązanie tymczasowe.

Bulk Auto Image Alt Text (znacznik Alt, atrybut Alt) optymalizacja (pozycjonowanie obrazu) + WooCommerce

Podstawowa kontrola zgodności WP ADA

WP ADA Compliance Check Basic automatycznie przeskanuje zawartość Twojej witryny pod kątem najczęstszych błędów dostępności. Następnie dostarcza raport, który wskazuje potencjalne problemy i sposoby ich naprawy.

Darmowa wersja wtyczki jest ograniczona do 25 stron/postów na skan. Uaktualnij do pełnej wersji wtyczki, aby usunąć to ograniczenie. Dodatkowo dodatkowo sprawdzi pliki motywów i automatycznie naprawi problemy.

Podstawowa kontrola zgodności WP ADA

Ułatwienia dostępu Ostrzeżenia w nowym oknie

Chociaż powszechną praktyką jest ustawianie hiperłączy, aby otwierały się w nowej karcie przeglądarki, może to również być dezorientujące dla niektórych użytkowników. Ułatwienia dostępu Ostrzeżenia w nowym oknie mogą pomóc, zapewniając użytkownikom komunikat ostrzegawczy przed otwarciem nowej karty.

Brak ustawień do skonfigurowania. Aktywacja wtyczki doda dostępną podpowiedź do linków, która jest widoczna po najechaniu myszą. Jako bonus integruje się również ze wspomnianą wyżej wtyczką Accessibility Checker.

Ułatwienia dostępu Ostrzeżenia w nowym oknie

Nie zostawiaj żadnego użytkownika za sobą

Ostatnie kilka lat przyniosło ogromną świadomość wagi tworzenia dostępnej strony internetowej. Chociaż proces upewniania się, że pokryłeś wszystkie swoje podstawy, wymaga czasu, jest bardzo wart dodatkowego wysiłku. Korzystanie z narzędzi opisanych powyżej to świetny sposób na dodawanie funkcji (widocznych lub nie), które pomogą każdemu użytkownikowi w pełni wykorzystać Twoją witrynę WordPress.