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
Explorer>= 10
iOS>= 9
Safari>= 9
Android>= 4.4
Opera>= 30

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

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

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

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

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

Синтез речи

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

Поддерживаемые браузеры 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]' ); ?>