Всех приветствую на своем блоге!
На сегодня я подготовил серию видео обзоров, или уроков, кому как нравится, по теме «плагин wordpress для слабовидящих».
Лично я считаю, что для проектов не относящихся к государственным образовательным порталам, совсем не обязательно придерживаться строгих правил указанных в ГОСТе
Если рассматривать эту тему с точки зрения тематических блогов, то и подходить к этому вопросу нужно индивидуально. Большинство популярных блогеров знают свою аудиторию.
Совсем недавно из новостей я узнал, что более 15% мужского населения дальтоники от рождения. Совсем не мало. Отсюда простой вывод, что для своего блога мне не хочется терять эту аудиторию и при выборе плагина wordpress для слабовидящих, я учту этот момент.
В итоге, необходимо подбирать плагины, или на худой конец скрипты, под свой проект. Я несколько таких уже перепробовал и хочу поделиться с вами своими наработками.
- Button visually impaired – кнопка для слабовидящих
- Озвучка текста для слабовидящих – ResponsiveVoice
- Плагин wordpress для слабовидящих – заключение
- С помощью шорткода
- Виджет от плагина
- С помощью кода
- ГОСТ и законодательство
- Что это за плагин?
- Панель управления
- Поддерживаемые браузеры
- Произвольные ссылки
- Версия для слабовидящих
- Версия для слабовидящих» на сайт WP
- В заключение
Button visually impaired – кнопка для слабовидящих
Первым и наверное, самым удачным, на мой взгляд – плагин Button visually impaired (кнопка для слабовидящих). Полностью бесплатен и на русском языке.
После установки в меню появится пункт BVI.
Установил, включил и добавил виджет. В результате появится кнопка с названием «версия для слабовидящих».
В настройках можно задать нужные параметры сразу по умолчанию, либо сделать это позже, на панели инструментов. Кроме того, можно изменить текст, цвет кнопки и вставить ее в любом месте с помощью шорт кода.
Шаг № 2 – Включаем виджет и переходим в меню под названием Accessibility Statement
На этом этапе главное правильно заполнить поле с адресом сайта, все остальное не важно. Именно адрес является главным параметром для настройки виджета.
Шаг № 3
Возвращаемся назад в меню Your Widget и кликаем на кнопку Sign In.
На основании этих данных на сайте разработчика создается личный кабинет откуда и происходят все настройки.
Шаг № 4
Настраиваем функционал и внешний вид кнопки для слабовидящих.
Шаг № 5
После настройки копируем полученный код и вставляем в тему оформления wordpress.
Очень простой плагин, не требующий никаких виджетов и вставки кодов. После активации появляется в меню админки и имеет три пункта меню с различными настройками.
По умолчанию все настроено на включение, нужно немного подправить заголовки на русский язык.
Основной функционал – это изменение текста, фона, контраста и подчеркивание ссылок.
Пункт меню settings – настройки включения и отключения различных опций, а так же на какой срок настройки панели инструментов будут запоминаться (от 12 часов, до 1 месяца).
Пункт меню toolbar – настройка заголовков меню виджета. Здесь все поля можно заполнить своими названиями. Кроме того, есть возможность подставить 3 ссылки на страницу с картой сайта, страницу отзывов и справки. Эти страницы могут быть созданы на вашем сайте.
Пункт меню customize – настройка иконки (3 варианта), позиция кнопки (слева, справа), размер иконки для декстопной версии и для мобильной. Можно настроить фон иконки и контур при наведении.
Плагин полностью бесплатен. Cкачать его можно с сайта разработчика, или установить обычным способом, из репозитария wordpress.
Главный минус – скудный функционал, но обратных ссылок нет и полностью бесплатен. Возможно подойдет блогам с основной информацией в виде текста.
Простой как три копейки плагин. После установки необходимо только добавить виджет в нужную позицию блога. Основными настройками являются изменение размеров тегов HTML/CSS. В основном это текстовые теги (параграфы, списки и таблицы).
Размеры текста можно устанавливать на свое усмотрение.
В данном случае я назвал виджет доступности. И все что было указано в полях, будет отображаться в виджете.
Цифры в процентах можно заменить на текст: smail, medium, large, x-large, xx-large. Соответственно и виджет будет выглядеть по другому.
Озвучка текста для слабовидящих – ResponsiveVoice
Достойный плагин wordpress для слабовидящих, в котором можно не заморачиваться с размером текста, а просто прослушать весь контент.
В бесплатном варианте доступны всего три параметра:
Чтобы прослушать текст, необходимо его выделить курсором.
После установки появится еще один пункт меню responsivevoice и страница с полем для ввода API.
Для работы плагина необходима регистрация на сайте разработчика, затем заполнить нужную информацию (адрес сайта), получить код скрипта, вставить в шапку сайта и подтвердить его установку.
Этот плагин так же имеет минимум настроек и опций. В основном это минимальный набор:
После установки нужно только включить все параметры. Никаких виджетов и шорткодов, все устанавливается по умолчанию.
Плагин wordpress для слабовидящих – заключение
Как я уже говорил, из всех рассмотренных бесплатных плагинов, на мой взгляд, Button visually impaired – оптимальное решение. Но не стоит и недооценивать свою аудиторию. Возможно, что все “плюшки” с изображениями и фонами совсем не то, что нужно, а вот с озвучкой текста (ResponsiveVoice), как раз оно.
Конечно, таких плагинов существует намного больше. Но часть их устарела, а часть не доведена до логического завершения. Если вдруг вам попадется достойное решение, буду рад если вы мне сообщите об этом в комментариях.
Устанавливаем и активируем, появится новый раздел в панели под названием bvi v1.0.8 (версия может отличаться). Заходим и видим не большой список настроек.
Внизу нажимаем Сохранить или сбросить.
Плагин настроили под свой вкус, теперь надо его вставить в необходимое место. Можно использовать два метода это:
С помощью шорткода
Плагин имеет единственный шорткод, который можно вставить в WordPress, например в статью или виджет. Давайте выведем его в сайдбаре.
В шорткоде есть надпись «Версия для слабовидящих», можно ее изменить. Переходим на главную и смотрим на результат. В сайдбаре появилась кнопка.
Нажимаем на нее, и видим как сверху появилось меню для настройки.
Виджет от плагина
Чтобы вывести на экран, воспользуемся стандартным виджетом WordPress, который создает плагин. Заходим в виджеты и находим раздел «Версия для слабовидящих» и перетаскиваем в ту область где необходимо вывести кнопку.
Переходим в любую статью и смотрим что получилось. Отлично, работает, можем переходить к следующему методу.
С помощью кода
Если захотите вставить шорткод напрямую в код темы, то у вас ничего не получиться, в лучшем случае– не отобразиться, в худшем–блог заклинит.
Поэтому используем PHP код, который позволяет обработать и вывести действие shortcode на экран, вот так он выглядит.
Хочу вывести под заголовком статьи, придется покопаться в файлах темы и найти искомый документ. Универсальной инструкции не дам, потому что темы разные, обычно это single.php но в Twenty Sixteen представлен как content-single.php. Нашел место, вставляю код и сохраняю.
Переходим в любую запись и смотрим, появилась ли кнопка под заголовком.
Да отлично, плагин CMS WordPress для людей с ограниченным зрением работает. Что мне особенно понравилось:
Нужно немного поработать со стилями и настроить внешний вид, но факт, что инструмент работает и с ним может разобраться любой новичок.
Список дополнений для слабовидящих не ограничен только Button visually impaired, приведу остальные варианты:
К сожалению специальных шаблонов для слабовидящих нет, потому что не часто приходится им пользоваться, продвигать такой ресурс будет сложнее. Можно использовать и адаптировать для людей с плохим зрением всплывающие формы обратной связи.
ГОСТ и законодательство
Версия для слабовидящих должна отвечать ГОСТу, установленный законодательством. Чтобы почитать о требованиях перейдите . Особых требований нет, но первый вариант отвечает всем пунктам из документа.
Что это за плагин?
Button visually impaired — это плагин, который автоматически изменяет версию вашего сайта для слабовидящих людей. Панель на сайте для слабовидящих дает возможность изменять цветовую гамму сайта, размеры шрифтов, синтезатор речи озвучит вслух изменения настроек. С помощью неё можно изменять функции сайта, которые удовлетворят потребностями людей с ограниченными
возможностями.
Панель управления
Поддерживаемые браузеры
Button visually impaired поддерживает последние стабильные выпуски всех основных браузеров и платформ. Альтернативные браузеры, использующие последнюю версию WebKit.
Произвольные ссылки
Класс .bvi-open используется по умолчанию.
Код для вставки шорткода в шаблон темы.
Как создать сайт на CMS WordPress: полное пошаговое руководство для новичков с картинками и видео уроком. Регистрация домена, создание сайта и автоматическая установка WordPress.
27 мая 2023 года люди во всем мире отмечают 20-летие WordPress. Запуск WordPress демократизировал онлайн-публикации и, возможно, стал самой важной инновацией, появившейся в Интернете. Положительное экономическое воздействие на миллионы людей во всем мире невозможно переоценить.
Создание блочных тем WordPress самостоятельно — уже реальность. Пользователям стало проще создавать собственные блочные темы в WordPress. И я уверен, скоро это станет нормой.
У нас сегодня важная тема — Как сконвертировать изображение в WebP. Как создавать изображения WebP, чтобы было можно загружать на сайт WordPress. Ускорьте загрузку страниц сайта WordPress используя изображения WebP.
Знакомьтесь, коллеги, Локальный сервер для WordPress с помощью программы DesktopServer (Настольный сервер). Создание сайта WordPress на локальном сервере за считанные секунды — вот где начинается самое интересное. Создать сайт ВордПресс
Сегодня у нас тема — локальная установка WordPress на MAMP. В этой статье я покажу вам, как установить WordPress локально на Windows с помощью MAMP. Программа MAMP поставляется бесплатно и
Здравствуйте, дамы и господа! Как сделать сайт WordPress доступным для слабовидящих? Версия сайта для слабовидящих в WordPress делается с помощью специального плагина. Поскольку установка плагина осуществляется автоматически и не требует слишком трудоемких манипуляций пользователя с готовым скриптом. Их довольно много, есть из чего выбирать. Бесплатный плагин для слабовидящих WordPress который позволяет читателю изменить цветовую схему сайта, размеры шрифтов и другое.
Создание версии сайта для слабовидящих — одно из требований ГОСТ Р 52872-2012 к сайтам, причем нормы ГОСТ являются обязательными для государственных организаций, согласно закону «О социальной защите инвалидов в Российской Федерации».
Добавьте плавающую панель инструментов доступности, чтобы помочь людям с ограниченными возможностями читать и перемещаться по вашему сайту. Для этого, будем использовать бесплатный плагин для слабовидящих.
Панель на сайте для слабовидящих решает вопрос с контрастностью и размером шрифта. С помощью нее можно добавить функции, которые удовлетворят потребностями людей с ограниченными возможностями. Например, возможность настроить отображение цвета на сайте поможет людям с дальтонизмом, а увеличение интервалов между буквами и строчками, а также настройка шрифта с засечками — людям с дислексией, которые из-за особенностей работы мозга испытывают трудности с чтением и пониманием текстов.
Специальную панель для людей с ограниченными возможностями можно реализовать на любом сайте под управлением WP. Пример:
Доступность сайтов важна не только для государственных сайтов, но и для бизнеса. Следование рекомендациям по повышению уровня доступности поможет расширить аудиторию не только за счет лиц с инвалидностью, но и за счет улучшения пользовательских качеств сайта для широкой аудитории и нас с вами.
Создание версии сайта для слабовидящих будет также полезным для обычных информационных веб-ресурсов и т.п., с целью привлечения и удержания аудитории своих сайтов, предоставления дополнительного сервиса посетителям блога.
Для установки панели комфортного чтения не обязательно иметь доступ к исходному коду сайта. Существуют плагины для CMS WordPress, которые может установить практически каждый пользователь.
Plagin для слабовидящих предназначен для автоматической генерации версии сайта, пригодной для использования соответствующей категорией граждан.
Версия для слабовидящих
Мибок: Решение позволяет генерировать версию сайта для слабовидящих на основе существующих шаблонов вашего сайта
Версия для слабовидящих» на сайт WP
Плагины Accessibility добавляют ряд полезных функций специальных возможностей с минимальной настройкой и без необходимости экспертных знаний. Они повышают доступность любого веб-ресурса с помощью панели инструментов спец-возможностей.
Добавьте плагин и немедленно предоставьте совместимые функции для людей с ограниченными возможностями. Посетители могут изменить шрифт, увеличить размер текста и найти лучший цветовой контраст, чтобы убедиться, что они могут легко читать ваш контент.
В заключение
Видоизмененный вариант страниц – это полноценный доступ к информации для пользователей с нарушениями зрения. Создание версии сайта для слабовидящих увеличивает аудиторию посетителей ресурсов. Наличие панели инструментов для слабовидящих – это возможность изучать вашу информацию без ограничений.
Адаптация сайта WordPress для слабовидящих предполагает использование специального модуля/расширения/плагина, с помощью которого одним нажатием кнопки пользователь переходит на версию веб-сайта с увеличенным шрифтом, измененным цветовым оформлением, функцией включения/выключения иллюстраций.