Button visually impaired

Описание

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

Возможности

  • Изменение размера шрифта (до 200%);
  • Изменение цветовой схемы сайта;
  • Изменение шрифта сайта (с засечками или без засечек);
  • Изменение изображений (чёрно-белые, скрытие изображения с подписью alt);
  • Изменение межбуквенного интервала (кернинг);
  • Изменение междустрочного интервала;
  • Синтезатор речи озвучивает изменения настроек отображения;
  • Отключение встроенных элементов (видео, карты и т. д.);
  • Озвучивание текста;
  • Интерфейс и озвучка на 11 языках;
  • Панель следует выбранной цветовой схеме и сворачивается в меню на телефонах и планшетах;
  • Управление с клавиатуры (Tab, стрелки, Home, End, Пробел, Enter, Esc);
  • Поддержка браузеров Chrome, Firefox, Safari, Microsoft Edge, Opera.

Способы добавить кнопку

  • Блок Gutenberg «Кнопка для слабовидящих»: значок, текст, цвета (в том числе при наведении, градиент), шрифт, отступы, границы, тень, размер;
  • Блок Gutenberg «Озвучиваемый текст»: контейнер, содержимое которого посетитель может прослушать;
  • Шорткод [bvi] с атрибутами text, icon, color и background;
  • Виджет «Button visually impaired»: заголовок, текст, цвета, показ значка и текста;
  • Любой элемент с классом bvi-open.

Подробная инструкция и FAQ находятся на странице «BVI Инструкция» в админке.

HTML-классы

  • bvi-speech добавляет в блок кнопки озвучивания текста;
  • bvi-hide скрывает элемент в версии для слабовидящих;
  • bvi-show показывает элемент только в версии для слабовидящих;
  • bvi-no-styles отключает стили плагина внутри блока.

Демо-версия

Скриншоты

Блоки

Этот плагин предоставляет 2 блока.

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

Установка

  1. Загрузите плагин в каталог /wp-content/plugins/.
  2. Активируйте плагин: Плагины Button visually impaired Активировать.
  3. Перейдите в меню BVI и в настройках выберите «Плагин активен: Да».
  4. Добавьте кнопку блоком «Кнопка для слабовидящих», виджетом или шорткодом [bvi] либо [bvi text="Версия для слабовидящих" background="#1a237e" color="#ffffff" icon="true"].

Часто задаваемые вопросы

Кнопка не отображается на сайте. Что проверить?

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

Где изменить текст и цвет кнопки?

Для блока — в правой панели редактора; для виджета — в его форме; для шорткода — атрибутами text, icon, color и background.

Действуют ли настройки на странице плагина для всех посетителей?

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

Как вернуться к обычной версии сайта?

Нажмите кнопку «Обычная версия сайта» на панели.

Синтезатор речи не работает.

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

Как озвучить фрагмент текста?

Используйте блок «Озвучиваемый текст» или добавьте контейнеру класс bvi-speech. Над блоком появятся кнопки «Воспроизвести», «Пауза», «Продолжить» и «Стоп».

Как сбросить настройки плагина?

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

Можно ли разместить несколько кнопок?

Да, любой элемент с классом bvi-open включает версию для слабовидящих.

Отзывы

27.09.2026 1 ответ
Хостер постоянно трендит про какие-то невозможности перехода на PHP выше чем 8.2, но мне с ним спорить нет никакого ризона потому, что у меня бесплатный хостин, как для образоватеной организации, а с переходом на Вордпресс 7.* плагин перестал работать. Дядьки и тётьки из надзорных органов требуют работу сайта для людей с ограниченными возможностями. Я в PHP не понимаю от слова "совсем", но может как то можно сделать работу плагина на PHP 8.2, хотя-бы на какое-то время, а там глядишь и хостер подтянет на 8.5 и с обновлением перейдём опять на 8.3
11.10.2024
Благодарим разработчика за очень полезный плагин. P.S. для вызова плагина своей кнопкой используйте CSS: ( class="bvi-open" )
22.10.2023
На сайтах бюджетных организаций такой сервис сегодня обязателен. Благодарю автора, жаль только, что 2-й год без обновлений.
14.05.2022
Вполне устраивает плагин, пока работает. Не могу ничего сказать про его качество, так как нужен он для галочки и отчетности (бюджетная организация). Проблема в том, что не работал плагин около года, после обновления 2.3 — в нужном месте на сайте кнопка не появлялась. В течении года несколько раз деактивировал/активировал/убирал/размещал/перемещал — это не решало проблему. Сегодня от нечего делать решил всё-таки разобраться с причиной, полезть в код при необходимости, разместил виджет в очередной раз — а он работает. Ну ОК. Однако минус автору за полное отсуствие обратной связи. Плевать на отзывы?
Посмотреть все 27 отзывов

Участники и разработчики

«Button visually impaired» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Перевести «Button visually impaired» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

2.4.0

  • JavaScript-библиотека BVI обновлена до 2.0.0 (новая панель, доступность, стили; Internet Explorer больше не поддерживается);
  • Интерфейс панели и озвучка на 11 языках: ru-RU, en-US, es-ES, de-DE, fr-FR, pt-BR, it-IT, tr-TR, pl-PL, zh-CN, ja-JP;
  • Добавлены блоки Gutenberg «Кнопка для слабовидящих» и «Озвучиваемый текст» со штатными настройками цвета, шрифта, отступов, границ и размера;
  • Шорткод [bvi]: атрибуты text, icon, color и background; выводит span, поэтому шорткод допустим внутри абзаца;
  • Виджет: цвета текста и фона, показ значка и текста;
  • Текст, цвет и фон кнопки больше не настройки плагина: они задаются в блоке, виджете и шорткоде (значения существующих виджетов сохраняются);
  • Кнопка теперь элемент button, а не ссылка;
  • Добавлена страница «BVI Инструкция»: быстрый старт, способы добавить кнопку, блоки, классы разметки, озвучивание текста (bvi-speech), управление с клавиатуры и FAQ;
  • Добавлена кнопка «Сбросить настройки» (значение «Плагин активен» сохраняется);
  • Добавлены настройки: голос синтезатора речи, ссылка на bvi.isvek.ru, 11 языков панели;
  • Исправлено: настройка «Шрифт» не передавалась в библиотеку;
  • Значения select и radio в настройках проверяются;
  • У ключей опций больше нет префикса bvi (данные переносятся автоматически при обновлении);
  • Домен перевода теперь button-visually-impaired, как требует WordPress.org;
  • Обновлён английский перевод; переведён редактор блоков;
  • Требуются WordPress 6.0+ и PHP 8.3+.

2.3.0

  • Исправление ошибок;

2.2.0

  • Исправление ошибок;

2.1.0

  • Обновление интерфейса панели;
  • Исправление ошибок;
  • Добавлен английский (США) перевод;

2.0

  • Добавлена возможность менять CSS background-image (чёрно-белое, скрытие изображения);
  • Добавлена адаптивная вёрстка для всех размеров экрана;
  • Обновление интерфейса панели;
  • Обновление синтезатора речи;
  • Исправление ошибок;

1.0.8

  • Исправление ошибок;

1.0.7

  • Исправление ошибок;

1.0.6

  • Исправление ошибок;
  • Добавлена возможность скрывать панель для слабовидящих;

1.0.5

  • Добавлено включение и отключение плавающей рамки;
  • Удалён перевод «en_US — английский (США)»;
  • Изменён интерфейс панели;
  • Исправлены ошибки версии для слабовидящих;
  • Добавлено увеличение шрифта до 200%;

1.0.4

  • Добавлен перевод «en_US — английский (США)»;
  • Исправлены ошибки при конфликте с шаблонами;
  • Исправлены ошибки скриптов;

1.0.3

  • Исправление ошибок;

1.0.2

  • Изменён дизайн панели
  • Добавлен синтез речи

1.0.1

  • Изменён дизайн панели

1.0.0

  • Добавлен междустрочный интервал;
  • Небольшие дополнения;
  • Исправление ошибок;

0.9

  • Добавлена кнопка включения чёрно-белых изображений;
  • Изменена структура плагина;

0.8

  • Изменён дизайн панели;
  • Размер шрифта в пикселях изменён на «14», «18», «23»;
  • Добавлен выбор шрифтов «Arial», «Times New Roman»;
  • Добавлена цветовая схема «коричневый на бежевом»;
  • Плагин переписан;

0.7

  • Исправлены ошибки в тексте;
  • Добавлена опция на случай, когда плагин не работает;
  • Мелкие исправления;

0.6

  • Изменена структура плагина;
  • Изменён дизайн панели;
  • Добавлен шорткод;
  • Добавлена возможность скрывать изображения и заменять их атрибутом alt;
  • Добавлена возможность сохранять ширину и высоту изображений при их отключении;
  • Добавлена возможность выбора значков;
  • Исправлены все ошибки;
  • Добавлен раздел Помощь;

0.5.3

  • Изменена структура плагина;
  • Исправлены ошибки плагина;

0.5.2

  • Изменён дизайн панели;
  • Исправлены ошибки плагина;

0.5.1

  • Исправлены ошибки плагина;

0.5

  • Без изменений;

0.4

  • Добавлены настройки плагина:
  • Исправлен дизайн;
  • Исправлено действие при активации плагина;

0.3

  • Исправлена ошибка при переходе на обычную версию сайта: «изображения не отображались»;
  • Добавлены активные элементы;
  • Добавлены подсказки при наведении на ссылку;
  • Добавлена цветовая схема «зелёный на тёмно-коричневом»;
  • Добавлены междустрочный и межбуквенный интервалы.

0.2

  • Изменён дизайн;
  • Исправлено несколько ошибок при нажатии кнопки «Обычная версия сайта».

0.1

  • Первый выпуск.