Установка
- Перейдите в меню
Плагины -> Добавить новый.
- Введите в строке поиска
Button visually impaired
. - Активируйте
Button visually impaired
из вашей страницы Плагинов. - Перейдите в меню
Button visually impaired
и в настройкахвключите
плагин. - Добавьте кнопку для слабовидящих в виджете или воспользуйтесь шорткодом [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]' ); ?>