WordPress

Поделиться
 

Установка

  1. Перейдите в меню Плагины -> Добавить новый.
  2. Введите в строке поиска Button visually impaired.
  3. Активируйте Button visually impaired из вашей страницы Плагинов.
  4. Перейдите в меню Button visually impaired и в настройках включите плагин.
  5. Добавьте кнопку для слабовидящих в виджете или воспользуйтесь шорткодом [bvi text=’Версия для слабовидящих’] или [bvi].

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

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

Браузер Версия
Chrome >= 45
Firefox >= 38
Edge >= 12
iOS >= 9
Safari >= 9
Android >= 4.4
Opera >= 30

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

Класс .bvi-hide скрывает текст, когда пользователь включит версию вашего сайта для слабовидящих.

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

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

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

Отключить div блок стилей

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

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

Синтез речи

Класс .bvi-speech озвучит вслух текст, выбранный вариант будет использован, когда пользователь включит версию вашего сайта для слабовидящих.

Поддерживаемые браузеры Web Speech API. Максимальная длина текста для воспроизведения является 32,767 символа.

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

Класс .bvi-open используется по умолчанию.

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

Шорткод

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

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