10 najlepszych motywów WordPress przystosowanych do ułatwień dostępu

Budowanie dostępnych stron internetowych, które nie wykluczają osób z różnymi rodzajami niepełnosprawności, stało się w ostatnich latach bardziej wymaganiem w projektowaniu stron internetowych. W dzisiejszych czasach trudno jest uzyskać kontrakt rządowy bez dbania o integrację cyfrową i wiele znanych firm, takich jak Microsoft, Apple i Google również traktować dostępność jako priorytet.

WordPress jako wiodący system zarządzania treścią i platforma blogowa jest również na pierwszej linii rozwoju dostępności. Zespół WordPress A11y (Accessibility) jest zajęty udostępnianiem platformy jak największej liczbie osób, a nawet opublikował świetny Podręcznik na temat dostępności WordPress dla programistów.

Przegląd dostępności

Przegląd dostępności jest opcjonalnym etapem w procesie przeglądu motywów WordPress. Jeśli przesłany motyw korzysta z gotowy do użycia tag, zespół przeglądowy sprawdzi to w oparciu o wytyczne dotyczące dostępności, aby upewnić się, że tematy promujące się jako gotowe do dostępu są naprawdę takie.

W tym poście przyjrzymy się 10 najbardziej przystępnym tematom WordPress, które pomogą Ci w tworzeniu cyfrowych stron WordPressa.

Najlepsze motywy WP dostępne dla ułatwień dostępu

W tej kolekcji nie tylko zwróciliśmy uwagę na to, czy motyw ma w repozytorium WordPress tag gotowy do ułatwienia dostępu, ale także wzięliśmy pod uwagę czy spełnia główne zasady projektowania dostępności.

Pominęliśmy niektóre (w przeciwnym razie świetne) motywy, w których zastosowano zbyt niski współczynnik kontrastu kolorów, menu hamburgerów na pulpicie lub inne wizualne praktyki projektowe, które mogą mieć wpływ na dostępność dla niektórych grup osób niepełnosprawnych.

1. Nieograniczony

Unlimited to starannie zaprojektowany motyw WordPress ogólnego przeznaczenia z prawym paskiem bocznym. Ładuje się szybko i wykorzystuje wysoki współczynnik kontrastu kolorów (biały i jasnoszary w porównaniu z ciemnoszarym), który odpowiada potrzebom użytkowników niedowidzących.

Widgety paska bocznego są eleganckie wyróżnione ciemnoszarymi górnymi krawędziami. Subtelne elementy wizualne pomagają użytkownikom szybko zrozumieć treść; po prostu spójrz na elegancko podkreślone informacje meta (data, autor, liczba komentarzy) na dole opisywanego zdjęcia w każdym poście.

Na stronie demonstracyjnej możesz zobaczyć, jak wygląda Unlimited, gdy jest w pełni skonfigurowany.

2. Simone

Simone ma całkiem prostą konstrukcję ogromne obrazy skalowalna typografia zorientowana na ekran i łatwa do odczytania na każdym ekranie. Temat pomaga użytkownikom niepełnosprawnym fizycznie dostęp do nawigacji za pomocą klawiatur.

Możesz dostosować wiele funkcji Simone, takich jak pozycja paska bocznego (w lewo lub w prawo), nagłówek, tło, kolory linków i wiele innych. To także gotowe do tłumaczenia, i jest już przetłumaczony na wiele języków

Przeczytaj więcej o Simone na stronie demonstracyjnej.

3. Dostępny Zen

Dostępny Zen to minimalistyczny motyw jednokolumnowy zmniejsza liczbę czynników rozpraszających w miarę możliwości i skupia się na treści. Autor zamieścił na swoim blogu paletę kolorów, której użył. Spełnia poziom AA wytycznych dotyczących dostępności treści internetowych (WCAG 2.0).

Wyjątkowa sprawa tego tematu brak głównego menu w sekcji nagłówka, dzięki czemu odwiedzający mogą od razu dostać się do treści - może to być idealne rozwiązanie dla użytkowników czytników ekranu. Hiperłącza są elegancko podkreślone kropkowane linie i włączaj na stałe podczas zawisania, co jest również doskonałym rozwiązaniem ułatwiającym dostęp

Jeśli jesteś zainteresowany skoncentrowany na treści, minimalistyczny temat bloga, sprawdź dostępność Zen na żywo.

4. Zapasy

Motyw Stock WordPress ma elegancki wygląd czarno-biały nagłówek który zawiera wyśrodkowane menu główne. Łączenie czerni i bieli jest zawsze doskonałym wyborem dla witryn przystosowanych do ułatwień dostępu, ponieważ te dwa kolory mają najwyższy współczynnik kontrastu kolorów, który wynosi 21: 1.

Projekt jest dość minimalistyczny, a tematem jest gotowe do tłumaczenia i oferty Obsługa języka RTL (od prawej do lewej), więc może być dobrym kandydatem na bycie tematem nadrzędnym dostępnego motywu potomnego.

Możesz sprawdzić aktualny etap rozwoju na stronie Github Stock.

5. Apex

Apex angażuje odwiedzających za pomocą logicznie zorganizowana treść i ogromne wyróżnione zdjęcia dzięki temu strona wygląda imponująco i profesjonalnie. Górna nawigacja składa się z a menu główne po lewej stronie, i a menu mediów społecznościowych po prawej stronie, co ułatwia i ułatwia nawigację po stronie zarówno osobom niepełnosprawnym, jak i urządzeniom pomocniczym.

Po fragmentach strony głównej następuje przyjazne dla użytkownika przyciski „Kontynuuj czytanie” to są pięknie podkreślony i zachęca czytelników do kontynuowania. Możesz zobaczyć, jak wygląda Apex na swojej stronie demonstracyjnej.

6. Tiny Framework

Autor Tiny Framework potrzebował nie mniej niż 9 miesięcy, aby stworzyć wciągający temat WordPress o przystępnej dostępności. Tiny Framework jest wystarczająco elastyczny, aby można go było wykorzystać jako motyw nadrzędny, jeśli chcesz szybko opracować niezawodny motyw dziecka, który zwraca uwagę na potrzeby osób niepełnosprawnych.

Motyw Tiny Framework używa paleta kolorów o wysokim kontraście w kolorach czarnym, pomarańczowym i zielonym. Cytaty blokowe, nagłówki i wszystkie linki mają różne kolory, co znacznie zwiększa czytelność treści. Przyciski są również łatwo zauważalne, temat ten ma nader energiczny i żywy wygląd, ale nie w natrętny sposób.

7. Kuorinka

Kuorinka ładuje się naprawdę szybko i nie tylko oferuje wsparcie dostępności, ale także obejmuje mikrodane schema.org. Używa okruchów nawigacyjnych do obsługi głównej nawigacji, co zawsze jest dobrym pomysłem w projektowaniu dostępności. Kuorinka pozwala użytkownikowi na dodaj krótką informację na górze strony które mogą pomóc odwiedzającym zrozumieć najważniejsze przesłanie, które właściciel witryny chce przekazać.

Nagłówki paska bocznego i widgetów stopki są podświetlone jasnoniebieskim tłem to bardzo pomaga w wizualnej segmentacji treści. Na stronie demonstracyjnej możesz zobaczyć inne fajne funkcje, takie jak a suwak sterowany przez użytkownika, 3 różne układy (jedna kolumna, lewy pasek boczny, prawy pasek boczny) i wiele innych.

8. Aaron

Aaron to świetny wybór na stronę firmową przystosowaną do ułatwień dostępu. To ma ogromny przycisk wezwania do działania na stronie głównej, która od razu przyciąga wzrok odwiedzających. Temat ma wysoki współczynnik kontrastu kolorów, ale musisz zwracać na to uwagę starannie wybierz obraz tła na stronie głównej, aby zachować czytelność podświetlenia i przycisków.

Aaron ma menu przyjazne dla klawiatury na górze strony obsługiwanej przez a przydatne pole wyszukiwania po prawej stronie. Motyw może być również używany w witrynie e-Commerce, ponieważ dobrze współpracuje z Wtyczka WooCommerce.

9. Witryna sklepowa

Storefront to elastyczna oferta motywów e-commerce Integracja z WooCommerce i wysoka konfigurowalność. Najważniejsze informacje, zakupione produkty w koszyku i ich ceny są tuż obok głównego menu na górze strony, dzięki czemu temat jest niezwykle przyjazny dla użytkownika.

Na stronie demonstracyjnej możesz zobaczyć opcjonalny obraz nagłówka, który zawiera bardzo widoczny przycisk wezwania do działania. Produkty są różne kategorie to pomaga osobom niepełnosprawnym korzystającym z czytników ekranu i innych technologii wspomagających szybko zrozumieć, co jest w sprzedaży na stronie.

Sklep Storefront ma elegancki motyw dziecięcy o nazwie Boutique, w którym można znaleźć bardziej prestiżowe produkty, które mają również wsparcie dostępności.

10. Autor

Autor to pięknie zaprojektowany, szybki i gotowy do użycia motyw WordPress z lewym paskiem bocznym. Pasek boczny wykorzystuje ciemne tło z białymi literami, co zapewnia wysoki współczynnik kontrastu kolorów. The hiperłącza są podkreślone więc łatwo je rozpoznać.

The nagłówki używają kroju pisma szeryfowego to ułatwia czytelność. W szablonie pojedynczego postu poprzedni i Kolejny posty są podświetlone jasnoszarym tłem co zachęca użytkowników do czytania większej liczby postów na stronie.