10 лучших плагинов доступности WordPress в 2022 году: помогите всем использовать ваш сайт

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

Люди часто упускают из виду доступность при создании веб-сайта. Однако, как вы увидите, это необходимо по нескольким причинам.

Слово об инвалидах

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

К сожалению, некоторые люди считают, что «всегда всем нравиться невозможно». Они думают, что нужно обслуживать только массы, а инвалидов игнорировать как меньшинство. Это невероятно эгоистичная точка зрения. Люди, конечно, не выбирают свою инвалидность, и каждый может стать инвалидом в любое время не по своей вине.

Если вы сами не имеете инвалидности или не находитесь рядом с кем-то, кто имеет инвалидность, вы вряд ли полностью поймете, насколько сложной может быть жизнь для людей с инвалидностью.

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

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

Я хочу сказать, что, пожалуйста, помните о том, кто может использовать ваш веб-сайт, и убедитесь, что он максимально доступен для них.

Что такое доступность на веб-сайтах?

Проще говоря, доступность веб-сайта означает:

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

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

Статья продолжается ниже

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

Почему вы должны сделать свой сайт доступным

Время проверить реальность : если ваш веб-сайт недоступен, вы можете попасть в суд .

Одно громкое дело касалось слепого, который подал в суд на Domino's Pizza. Гильермо Роблес заявил, что не может разместить заказ онлайн через веб-сайт Domino, и судья вынес решение в его пользу. Присужденная финансовая компенсация не была огромной, но судебные издержки были большими.

Такие дела, как Robles против Domino's Pizza, имеют серьезные последствия для владельцев веб-сайтов во всем мире. Теперь люди знают, что у них может быть законное дело, если веб-сайт будет для них недоступен, и результаты подобных судебных процессов создали прецедент.

В результате количество исков, связанных с доступностью, увеличивается: количество исков о доступности веб-сайтов ADA Title III в Федеральном суде увеличилось с 814 в 2017 году до 2523 в 2020 году. На мой взгляд, это хорошо, поскольку это предвещает столь необходимые изменения. в отношении к людям с ограниченными возможностями.

Юридические аспекты доступности веб-сайтов сложны и иногда расплывчаты. Я не эксперт в области права, поэтому я не буду обсуждать их здесь. Тем не менее, эта тема очень хорошо освещена в Интернете. Я рекомендую прочитать статью HubSpot под названием «Контрольный список веб-доступности, чтобы сделать ваш контент на 100% совместимым», в которой объясняются некоторые правила и рекомендации, а также предлагается, что ваш веб-сайт должен охватывать, чтобы соответствовать требованиям.

Если вы хотите проверить соответствие вашего сайта требованиям, воспользуйтесь бесплатным инструментом оценки веб-доступности WAVE.

Как сделать ваш сайт совместимым с помощью плагина специальных возможностей WordPress

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

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

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

Статья продолжается ниже

Типичные функции плагинов специальных возможностей WordPress могут включать:

• Программы чтения с экрана (преобразование текста в речь)
• Распознавание голоса, например преобразование речи в текст
• Эпилепсия безопасна
• Отсутствует обнаружение альтернативного текста
• Изменение размера шрифта
• Регулировка цветового контраста
• Подчеркивание гиперссылки
• Сканирует на наличие проблем с доступностью
• Предупреждение об открытии ссылок в новых окнах или вкладках

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

Предлагаемые плагины специальных возможностей WordPress

Ниже вы найдете десять плагинов специальных возможностей, которые вы можете добавить на свой сайт WordPress. Есть те, которые помогут вам добавить функции для повышения доступности, а другие — для анализа вашего сайта на наличие недостатков. Кроме того, есть бесплатные и премиальные варианты.

Проверка доступности

Accessibility Checker — это плагин для выявления проблем с доступностью на сайтах WordPress и проверки соответствия рекомендациям по доступности веб-контента (WCAG).

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

Кроме того, если плагин выявляет проблемы, он также предлагает подходящие исправления.

Пожалуйста, уделите несколько минут, чтобы прочитать полный обзор средства проверки доступности от WPLift.

Плюсы

• Автоматическое сканирование как опубликованного, так и черновика контента
• Бесплатная версия позволяет сканировать неограниченное количество сообщений и страниц с отображением отчетов на экране редактирования.
• В платных версиях добавлено множество дополнительных функций сканирования и создания отчетов.
• Проверяет соответствие требованиям ADA, Section 508, AODA и WCAG.
• Подробная документация
• 30-дневная гарантия возврата денег на платные планы

Минусы

• Полное сканирование сайта доступно только в платных версиях.

Цена

• Основной плагин проверки доступности является бесплатным. Цены на платную версию варьируются от 15 до 180 долларов в месяц, в зависимости от количества сайтов, которые вам необходимо охватить (максимум 25, прежде чем потребуется специальная цена). Если вы покупаете годовой план, ежемесячная стоимость снижается до 12-150 долларов.

Получить средство проверки доступности

Доступность в один клик

One Click Accessibility — еще один бесплатный плагин WordPress, который, как и WP Accessibility, расширяет возможности вашего сайта с помощью специальных возможностей, которых в противном случае ему может не хватать. Наиболее примечательной из них является панель инструментов специальных возможностей, которую вы можете добавить на свои страницы. Это дает пользователям доступ к таким инструментам, как изменение размера шрифта, оттенки серого, негатив и высокая контрастность, светлый фон и многое другое.

Кроме того, как и в случае с WP Accessibility, вы можете добавлять ссылки для пропуска и выделять фокус для фокусируемых элементов.

Статья продолжается ниже

Плюсы

• Полностью бесплатно
• Панель специальных возможностей — хорошая функция
• Полезный набор функций

Минусы

• Некоторые находят интерфейс включения/отключения довольно запутанным.

Цена

• One Click Accessibility — это бесплатный плагин без дополнительных опций.

Получите доступность в один клик

Доступность WP

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

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

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

Плюсы

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

Минусы

• Ничего не найдено

Цена

• Доступность WP полностью бесплатна.

Получите доступность WP

Помощник по доступности WP

WP Accessibility Helper — это бесплатный плагин WordPress с отличной функциональностью, даже в бесплатной версии. Он включает в себя сканер объектной модели документа (DOM) для проверки ваших сообщений и страниц на наличие проблем с доступностью, а также впечатляющий набор инструментов, которые помогут вам их исправить.

Как бесплатная, так и Pro версии включают в себя такие функции, как изменение размера шрифта, пропуск ссылок, удаление анимации, подчеркивание ссылок и сортируемые виджеты. Обновление Pro добавляет гораздо больше, включая настройки видимости, поддержку Polylang, короткие коды, небольшую панель с настройками контрастности, изменения размера шрифта и оттенков серого, а также API веб-речи.

Плюсы

• В бесплатной версии есть несколько полезных функций
• И бесплатная, и профессиональная версии сканируют на наличие проблем с доступностью.
• Включает API веб-речи для преобразования текста в речь (только Pro)
• Профили СДВГ, нарушений зрения и когнитивных нарушений (только Pro)
• Хорошая документация, включая видеоуроки
• Pro — это хорошее соотношение цены и качества, учитывая дополнительные функции, которые он добавляет.

Минусы

• Некоторые жалобы на плохую поддержку версии Pro
• Нет бесплатной пробной версии или гарантии возврата денег с планами Pro

Цена

• Основной плагин WP Accessibility Helper является бесплатным. Однако обновление Pro стоит 199 долларов в год для одного домена и до 1819 долларов в год для десяти сайтов.

Получить помощник по доступности WP

Панель инструментов AccessibleWP

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

Плюсы

• Базовый, но добавляет полезную панель специальных возможностей на ваш сайт.
• Полностью бесплатно

Минусы

• Настройки не сохраняются между страницами

Цена

• Панель инструментов AccessibleWP бесплатна.

Получите панель инструментов AccesZeno Font ResizersibleWP

Зенон Изменение размера шрифта

Zeno Font Resizer — это простой, но, тем не менее, полезный плагин, позволяющий слабовидящим пользователям настраивать размер шрифта текста на вашем сайте WordPress.

Этот бесплатный плагин использует JavaScript и jQuery для установки размера шрифта. Одна интересная особенность заключается в том, что настройки размера шрифта посетителя сохраняются в файле cookie, поэтому, если они повторно посетят сайт, шрифты автоматически изменятся в соответствии с их предпочтениями. Просто убедитесь, что ваш сайт соответствует законам о файлах cookie!

Плюсы

• Полностью бесплатно
• Можно настроить, какой контент может изменяться посетителями
• Вы можете использовать виджет как отдельный виджет или, если вы более технически подкованы, вы можете встроить код в свою тему.

Минусы

• Ничего не найдено

Цена

• Zeno Font Resizer — бесплатный плагин.

Получить Zeno Font Resizer

BIALTY Bulk Auto Image Альтернативный текст

Многие люди добавляют изображения на свои веб-сайты, не добавляя текст ALT. Раньше я был виновен по обвинению, потому что никогда не понимал, что это такое. В двух словах, текст ALT используется для чтения с экрана, чтобы сообщить слепым или слабовидящим пользователям, что содержит изображение. Это важно, когда речь идет о доступности.

Если на вашем веб-сайте всего несколько изображений, не составит большого труда вернуться и добавить необходимый текст ALT. Тем не менее, это будет серьезной головной болью, если у вас есть тонны фотографий. Здесь может помочь BIALTY Bulk Auto Image Alt Text.

BIALTY Bulk Auto Image Alt Text — это бесплатный плагин доступности WordPress с единственной целью — автоматически генерировать и добавлять атрибуты ALT к изображениям, у которых их нет. Для этого плагин использует заголовки сообщений и ключевые слова фокуса.

Единственным недостатком машинных текстов является то, что они могут быть не такими качественными и подробными, как тексты, написанные людьми. Но они лучше, чем ничего.

Плюсы

• Полностью бесплатно
• Обеспечивает быстрый способ добавления отсутствующих атрибутов ALT к изображениям.

Минусы

• Сгенерированный текст ALT может быть не идеальным, хотя его будет достаточно, пока вы не соберетесь писать более качественные и подробные тексты.

Цена

• BIALTY Bulk Auto Image Alt Text бесплатен. Премиум вариант недоступен.

Получить замещающий текст изображения BIALTY Bulk Auto Image

Читатель экрана

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

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

Плюсы

• Высокое качество звука при преобразовании текста в речь
• Может читать текст на пятидесяти разных языках
• Хороший набор функций
• Хорошо поддерживается

Минусы

• Бесплатная версия практически бесполезна, с небольшим количеством функций и ограничением в 100 символов для преобразования текста в речь.

Цена

• Программа чтения с экрана стоит 49 долларов в год. Бесплатная версия доступна, хотя это довольно бессмысленно.

Получить программу чтения с экрана

Базовая проверка соответствия WP ADA

WP ADA Compliance Check Basic — бесплатный плагин для сканирования WordPress, используемый для выявления проблем с доступностью на вашем веб-сайте.

Бесплатная версия идеальна, если у вас небольшой сайт с низким трафиком и нет бюджета. Это позволяет вам сканировать 51 тип ошибок, хотя вы можете сделать только пятнадцать страниц или сообщений. После завершения сканирования создается подробный отчет.

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

Плюсы

• Бесплатная версия — отличный способ проверки доступности ваших сообщений и страниц.
• Версия Pro полезна, так как добавляет полное и непрерывное сканирование сайта, а также множество инструментов, помогающих устранять проблемы.
• Хорошая документация, включая видеоуроки
• Отличная документация, включая видеоуроки и восьмичасовой онлайн-курс по специальным возможностям.
• 30-дневная гарантия возврата денег на Pro

Минусы

• Ничего не найдено

Цена

• Основной плагин WP ADA Compliance Check является бесплатным. Обновления Pro начинаются со 179 долларов в год за один домен или 565,99 долларов за пожизненную лицензию.

Получите базовую проверку соответствия WP ADA

Специальные возможности Предупреждения о новом окне

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

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

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

Плюсы

• Полностью бесплатно
• Не требует настройки — плагин начинает работать, чтобы найти ссылки, которые открываются в новой вкладке или окне, как только он будет установлен и активирован.
• Это дает быстрое решение одной конкретной проблемы доступности

Минусы

• Могут потребоваться некоторые стили CSS, в зависимости от сторонних плагинов на вашем сайте и ссылок, которые они добавляют.

Цена

• Предупреждения о новых окнах доступны бесплатно в каталоге плагинов WordPress.

Получить предупреждения о новых окнах специальных возможностей

Последнее слово

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

Мне интересно узнать, проверяли ли вы когда-нибудь доступность своего сайта. Если да, то какие проблемы были обнаружены и как вы их исправили? Если нет, сделаете ли вы это в ближайшее время, теперь, когда вы знаете его важность?