10 лучших доступных WordPress тем

Создание доступных веб-сайтов, которые не исключают людей с различными видами инвалидности, в последние годы стало все более востребованным в веб-дизайне. В наши дни трудно получить государственный контракт, не заботясь о цифровой инклюзивности, и многие известные компании, такие как Microsoft, Apple и Google также рассматривать доступность как приоритет.

WordPress как ведущая система управления контентом и блог-платформа также находится на переднем крае развития доступности. Команда разработчиков WordPress A11y (Accessibility) занята тем, чтобы сделать платформу доступной как можно большему количеству людей, и они даже опубликовали большое Руководство по доступности WordPress для разработчиков..

Обзор доступности

Обзор доступности - это необязательный этап в процессе проверки темы WordPress. Если представленная тема использует доступность готовых В соответствии с тегом группа проверки проверит его на соответствие рекомендациям по доступности, чтобы убедиться, что темы, рекламирующие себя как готовые к доступности, действительно.

В этом посте мы рассмотрим 10 лучших тем WordPress, готовых для обеспечения доступности, которые помогут вам создавать сайты WordPress с цифровым интерфейсом..

Лучшие готовые к использованию WP темы

В этой коллекции мы не только обратили внимание на то, имеет ли тема тег доступности для репозитория WordPress, но и приняли во внимание соответствует ли оно основным принципам доступности дизайна.

Мы пропустили некоторые (в противном случае отличные) темы, в которых использовались слишком низкие коэффициенты контрастности цветов, меню гамбургеров для рабочего стола или другие методы визуального дизайна, которые могут повлиять на доступность для определенных групп людей с ограниченными возможностями..

1. Неограниченный

Unlimited - тщательно разработанная, универсальная тема WordPress с правой боковой панелью. Он загружается быстро и использует высокий коэффициент контрастности цвета (белый и светло-серый по сравнению с темно-серым), который соответствует потребностям пользователей с нарушениями зрения.

Виджеты боковой панели шикарны выделены темно-серыми верхними границами. Тонкие элементы визуального дизайна помогают пользователям быстро разобраться в содержании; просто взгляните на мета-информацию (дата, автор, количество комментариев) внизу показанного изображения в каждом посте..

На его демонстрационном сайте вы можете увидеть, как выглядит Unlimited, когда он полностью настроен.

2. Симона

Симона имеет довольно простой дизайн с огромные изображения масштабируемая типография, ориентированная на экран, которая легко читается на экране любого размера. Тема помогает физически отключенным пользователям доступ к навигации с помощью клавиатуры.

Вы можете настроить многие функции Simone, такие как положение боковой панели (слева или справа), заголовок, фон, цвета ссылок и многие другие. Это также перевод готовый, и уже переведен на многие языки

Узнайте больше о Simone на его демонстрационном сайте.

3. Доступный дзен

Accessible Zen - минималистичная тема с одной колонкой, которая уменьшает количество отвлекающих факторов насколько это возможно, и помещает контент в центр внимания. Автор поделился в своем блоге используемой им цветовой палитрой. Он соответствует уровню AA Руководства по доступности веб-контента (WCAG 2.0).

Уникальная вещь об этой теме, что есть нет главного меню в разделе заголовка, поэтому посетители могут сразу получить доступ к контенту - это может стать идеальным решением для пользователей программ чтения с экрана. Гиперссылки подчеркнуты пунктирные линии а также твердеть при зависании, что также является отличным решением для обеспечения доступности

Если вы заинтересованы в контент-ориентированный, минималистичный тема блога, ознакомьтесь с Accessible Zen в прямом эфире.

4. Запас

The Stock WordPress тема имеет элегантный черно-белый заголовок это включает центрированное главное меню. Спаривание черного и белого всегда является отличным выбором для сайтов, готовых к доступу, так как эти два цвета имеют самый высокий коэффициент цветовой контрастности - 21: 1..

Дизайн довольно минималистичный, и тема перевод готовый и предложения RTL (справа налево) языковая поддержка, так что это может быть хорошим кандидатом для того, чтобы быть родительской темой доступной дочерней темы.

Вы можете проверить текущую стадию разработки на странице Stock's Github..

5. Апекс

Apex привлекает посетителей логически структурированный контент а также огромные избранные изображения что делает сайт выглядит впечатляюще и профессионально. Верхняя навигация состоит из главное меню слева, и меню социальных сетей справа, что позволяет легко и просто перемещаться по сайту как для людей с ограниченными возможностями, так и для вспомогательных устройств.

Выдержки на главной странице сопровождаются удобные кнопки «Продолжить чтение» которые красиво подчеркнутый и побуждает читателей продолжать. Вы можете посмотреть, как выглядит Apex на своем демонстрационном сайте.

6. Крошечные рамки

Автору Tiny Framework понадобилось не менее 9 месяцев, чтобы создать эту привлекательную, готовую к доступности тему WordPress. Tiny Framework достаточно гибок, чтобы его можно было использовать в качестве родительской темы, если вы хотите быстро разработать надежную дочернюю тему, которая учитывает потребности людей с ограниченными возможностями..

Тема Tiny Framework использует высококонтрастная цветовая палитра с черным, оранжевым и зеленым цветами. Цитаты, заголовки а также все ссылки имеют разные цвета, что значительно улучшает читаемость контента. Кнопки тоже легко заметны, и тема в целом имеет довольно энергичный и яркий вид, но не навязчивым способом.

7. Куоринка

Kuorinka загружается очень быстро и не только предлагает поддержку доступности, но также включает в себя schema.org микроданные. Он использует хлебные крошки для поддержки основной навигации, что всегда является хорошей идеей в дизайне доступности. Куоринка позволяет пользователю добавить краткую информацию в верхнюю часть страницы это может помочь посетителям понять самое важное сообщение, которое владелец сайта хочет передать.

Заголовки боковой панели и виджетов нижнего колонтитула подсвечивается голубым фоном это очень помогает визуальной сегментации контента. На демонстрационном сайте вы можете увидеть другие интересные функции, такие как пользовательский слайдер, 3 разных макета (один столбец, левая боковая панель, правая боковая панель) и многие другие.

8. Аарон

Аарон - отличный выбор для веб-сайта компании, готового к доступности. Оно имеет огромная кнопка призыва к действию на главной странице, которая сразу же привлекает внимание посетителей. Тема имеет высокая контрастность цвета, но нужно обратить внимание на тщательно выбирайте фоновое изображение на главной странице, чтобы сохранить удобочитаемость основных моментов и кнопок.

Аарон имеет дружественное к клавиатуре меню в верхней части сайта, который поддерживается удобное окно поиска на правой стороне. Тема может быть использована и для сайта электронной коммерции, так как она хорошо работает с Плагин WooCommerce.

9. Магазин

Storefront - это гибкая тема для электронной коммерции Интеграция WooCommerce и высокая настраиваемость. Наиболее важная информация, приобретенные товары в корзине и их цены, прямо рядом с главным меню в верхней части сайта, что делает тему невероятно удобной.

На демонстрационном сайте вы можете увидеть необязательный заголовок изображения, который содержит хорошо видимая кнопка призыва к действию. Продукты Ассорти в разные категории это помогает посетителям с ограниченными возможностями, использующим программы чтения с экрана и другие вспомогательные технологии, быстро понять, что продается на сайте.

У витрины магазина есть элегантная детская тема под названием Boutique, в которой представлены более престижные продукты и поддержка специальных возможностей..

10. Автор

Author - это красивая, быстрая и доступная тема WordPress с левой боковой панелью. Боковая панель использует темный фон с белыми буквами, что обеспечивает высокую контрастность цвета. гиперссылки подчеркнуты так что их легко узнать.

заголовки используют шрифт с засечками это облегчает читабельность. На одном шаблоне сообщения предыдущий а также следующий сообщения выделено светло-серым фоном что побуждает пользователей читать больше постов на сайте.