Плагин Wordpress - версия сайта для слабовидящих

Установка

Перейдите в «Плагины → Добавить новый», найдите Button visually impaired и нажмите «Установить», затем «Активировать» (или загрузите плагин в wp-content/plugins/ вручную).
Откройте раздел BVI в консоли администратора.
Выберите «Плагин активен: Да» и сохраните настройки.
Добавьте кнопку для слабовидящих блоком Gutenberg, виджетом, шорткодом [bvi text="Версия для слабовидящих"] или [bvi], либо любым элементом с классом bvi-open.

Поддерживаемые браузеры

Button visually impaired поддерживает последние стабильные выпуски всех основных браузеров и платформ. Альтернативные браузеры, использующие последнюю версию WebKit, тоже поддерживаются. Internet Explorer не поддерживается.

Браузер	Версия
Chrome	последняя
Firefox	последняя
Safari	последняя
Microsoft Edge	последняя
Opera	последняя

Скрыть элемент

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

<div class="bvi-hide">Текст скроется при включении плагина.</div>

Показать элемент

Класс bvi-show показывает элемент только в версии сайта для слабовидящих.

<div class="bvi-show">Текст покажется при включении плагина.</div>

Отключить стили плагина внутри блока

Класс bvi-no-styles: когда включена версия для слабовидящих, стили плагина внутри этого блока не применяются.

<div class="bvi-no-styles">Стили плагина в этом блоке применяться не будут.</div>

Синтез речи

Класс bvi-speech добавляет к блоку кнопки озвучивания текста (воспроизведение, пауза, продолжение, стоп). В редакторе для этого есть готовый блок «Озвучиваемый текст» (bvi/speech).

Синтез речи работает через Web Speech API браузера и зависит от установленных в системе голосов для выбранного языка.

<div class="bvi-speech">Текст который нужно воспроизвести.</div>

Произвольные ссылки

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

<a href="#" class="bvi-open">Версия сайта для слабовидящих</a>

Шорткод

Вставьте шорткод в текст записи, в блок «Шорткод» или в классический редактор. Атрибуты: text, icon, color, background.

[[bvi text="Версия для слабовидящих"]]

В шаблоне темы шорткод выводится так.

<?php echo do_shortcode( '[bvi text="Версия для слабовидящих"]' ); ?>

WordPress