Описание
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отключает стили плагина внутри блока.
Скриншоты

screenshot-1.jpg.
screenshot-2.jpg.
screenshot-3.jpg.Блоки
Этот плагин предоставляет 2 блока.
- Озвучиваемый текст Контейнер, содержимое которого посетитель может прослушать: в версии для слабовидящих над блоком появляются кнопки озвучки.
- Кнопка для слабовидящих Кнопка включает версию сайта для слабовидящих. Отображается на сайте, когда плагин включён в настройках BVI.
Установка
- Загрузите плагин в каталог
/wp-content/plugins/. - Активируйте плагин: Плагины Button visually impaired Активировать.
- Перейдите в меню BVI и в настройках выберите «Плагин активен: Да».
- Добавьте кнопку блоком «Кнопка для слабовидящих», виджетом или шорткодом
[bvi]либо[bvi text="Версия для слабовидящих" background="#1a237e" color="#ffffff" icon="true"].
Часто задаваемые вопросы
-
Убедитесь, что в настройках выбрано «Плагин активен: Да»: пока плагин выключен, кнопка, шорткод и виджет ничего не выводят. Затем проверьте, что кнопка размещена, и очистите кэш сайта.
-
Для блока — в правой панели редактора; для виджета — в его форме; для шорткода — атрибутами
text,icon,colorиbackground. -
Действуют ли настройки на странице плагина для всех посетителей?
-
Это значения, с которыми панель открывается в первый раз. Посетитель может изменить их на панели, а его выбор запоминается в его браузере.
-
Как вернуться к обычной версии сайта?
-
Нажмите кнопку «Обычная версия сайта» на панели.
-
Синтезатор речи не работает.
-
Озвучка зависит от браузера и операционной системы: в них должны быть голоса для выбранного языка. В настройке «Голос синтезатора речи» можно указать имя или идентификатор голоса; пустое значение означает автоматический выбор.
-
Как озвучить фрагмент текста?
-
Используйте блок «Озвучиваемый текст» или добавьте контейнеру класс
bvi-speech. Над блоком появятся кнопки «Воспроизвести», «Пауза», «Продолжить» и «Стоп». -
Как сбросить настройки плагина?
-
Нажмите «Сбросить настройки» внизу страницы настроек. Значение «Плагин активен», а также настройки блоков и виджетов не изменятся.
-
Да, любой элемент с классом
bvi-openвключает версию для слабовидящих.
Отзывы
Участники и разработчики
«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
- Первый выпуск.
