Устранение барьеров: почему доступность веб-сайта WordPress является ключевой

Советы

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

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

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

Если раньше вас не интересовала доступность веб-сайтов, теперь вам следует заинтересоваться. С учетом сказанного, давайте приступим!

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

Давайте поймем момент, чтобы понять, о чем мы говорим.

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

Итак, мы действительно говорим о практике устранения препятствий. Это может показаться сложным, но на самом деле это не так. Например, барьер на вашем веб-сайте может быть таким простым, как отсутствие видимого и значимого заголовка (т. Е. Текста, который будет отображаться как всплывающая подсказка) для ссылки.

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

Интернет глазами других

Вы когда-нибудь задумывались, что это такое для слабовидящих, умственно или физически иным образом инвалид для просмотра интернета? Возможно, нет. Я призываю вас потратить некоторое время на это прямо сейчас, потому что с этого момента это может изменить способ создания и запуска веб-сайтов. Давайте рассмотрим некоторые проблемы, с которыми сталкиваются многие веб-пользователи:

  • Зрение : нарушения, включая слепоту, различные распространенные типы слабовидения и плохое зрение. , различные типы дальтонизма.
  • Мотор/подвижность : например,. трудности или неспособность использовать руки, включая тремор, мышечную медлительность, потерю тонкого мышечного контроля и т. д., из-за таких состояний, как болезнь Паркинсона, мышечная дистрофия, церебральный паралич, инсульт.
  • Слуховые : глухота или нарушения слуха, в том числе слабослышащие.
  • Припадки : фотоэпилептические припадки, вызванные зрительным стробоскопом или мигающие эффекты.
  • Когнитивные/интеллектуальные : нарушения развития, нарушения обучаемости (дислексия, дискалькулия и т. д.) и когнитивные нарушения различного происхождения, влияющие на память и внимание. , «зрелость» развития, умение решать проблемы и логические навыки и т. д.

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

Популярные инструменты обеспечения доступности Интернета

Кстати о вспомогательных средствах технологий, вот некоторые из наиболее популярных плагинов для обеспечения доступности Интернета, которые часто используются:

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

И да, для этого есть даже приложение:

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

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

Как выбрать доступный WordPress Тема

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

Например, здесь, в WPExplorer, мы тесно сотрудничаем с Гавайским университетом, чтобы сделать тему Total WordPress более доступной.. Хотите посмотреть? Если вы запустите веб-сайт UH с помощью инструмента оценки доступности WAVE, вы увидите, как они реализовали функции темы, чтобы сделать свой веб-сайт доступным для всех своих студентов.

Вы также можете найти бесплатные доступные темы на WordPress.org, просто щелкните меню Темы ссылку вверху страницы, чтобы открыть каталог тем. Найдите подменю под названием Фильтр функций . Рядом с ним будет маленькая шестеренка. Щелкните по нему.

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

Затем вы можете выбрать столько других фильтров, сколько захотите. Слева вы увидите кнопку Применить фильтры , которая покажет вам, сколько фильтров вы применили. Щелкните Применить фильтры . Всегда держите руки и ноги внутри автомобиля.


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

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

(Бесплатно) Решения плагинов WordPress для обеспечения доступности

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

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

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

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

Специальные шрифты

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

Второй вариант для облегчения чтения — это средство изменения размера шрифта Zeno. Плагин позволяет администраторам сайта устанавливать параметры изменения размера шрифта (минимальный и максимальный размер, шаги изменения размера при увеличении и символ), а также продолжительность cookie. Таким образом, пользователи будут видеть шрифт правильного размера, когда они вернутся на ваш сайт.

Преобразование текста в речь

Для читателей с ослабленным зрением необходимо иметь параметры звука. Один плагин, который мне нравится, — Speaker — Page to Speech. Этот плагин может создавать аудиоверсии ваших сообщений и страниц. Лучше всего то, что плагин предлагает на выбор 190 человеческих голосов, поддерживает более 30 языков и отлично работает с большинством тем.

GSpeech Text To Speech Solution — это бесплатный вариант для обеспечения доступности звука. Он работает с любым текстом на ваших страницах и добавляет аудиоблок на ваш сайт. Затем вы можете использовать параметры для изменения цветов, голоса говорящего и т. Д.

Forms

Вы можете легко сделать свои контактные формы доступными с помощью таких плагинов, как Contact Form 7: Accessible Значения по умолчанию и поля формы WCAG для форм Gravity Forms, или просто используя доступный плагин готовой формы, такой как Formidable Forms.

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

Проверка доступности вашего веб-сайта

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

В этой статье мы уже упоминали инструмент оценки веб-доступности WAVE от WebAIM. Этот полезный инструмент отображает все ошибки, предупреждения, функции, структурные элементы, метки ARIA и ошибки контрастности, поэтому вы можете внести соответствующие изменения.

Но лучший инструмент для пользователей WordPress — это плагин Accessibility Checker, созданный Equalize Digital. Этот бесплатный плагин сканирует ваш контент и выдает предупреждения при редактировании в режиме реального времени. Таким образом, вы сможете правильно увидеть, соответствуют ли новые сообщения или страницы WCAG. Средство проверки также отображает раздел кода, ответственный за запуск уведомления, поэтому вы (или ваш веб-разработчик) можете внести необходимые изменения. А если вы обновитесь до профессиональной версии, вы также сможете сканировать пользовательские типы сообщений, получать доступ к списку открытых проблем, регистрировать игнорируемые проблемы, устанавливать для ролей пользователей доступ к функциям игнорирования специальных возможностей и создавать Заявление о доступности для своего веб-сайта.

Еще один инструмент для разработчиков — Tota11y, набор инструментов для визуализации специальных возможностей, разработанный Ханская академия. Этот JS-файл просто нужно добавить на ваш сайт, чтобы включить инструмент специальных возможностей, который появляется на небольшой вкладке значка очков в нижней части экрана.. Просто нажмите, чтобы просмотреть доступные элементы на вашей странице, а также ошибки или нарушения, которые вы, возможно, захотите исправить.

Заключение

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

Так чего же вы ждете? Воспользуйтесь этой возможностью, чтобы сделать свой сайт более доступным прямо сейчас!

Оцените статью
techsly.ru
Добавить комментарий