Как сделать версию сайта для слабовидящих бесплатно?
Данный метод подходит для установки на разные cms. Скачайте плагин и разархивируйте его в корневую папку домена. Практически во всех CMS(Система управления содержимым) имеется шаблон, в котором используется header.php - это верхняя часть сайта и footer.php - это нижняя часть сайта открываем эти файлы для редактирования.
В header.php добавьте перед закрывающим тегом </head> следующий код.
Код
<link rel="stylesheet" href="http://domain.name/css/bvi.min.css" type="text/css">В footer.php добавьте в конце страницы, прямо перед закрывающим </body> следующий код.
Код
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://domain.name/js/js.cookie.js"></script>
<script src="https://domain.name/js/bvi-init.js"></script>
<script src="https://domain.name/js/bvi.min.js"></script>Откройте файл bvi-init.js для редактирования настроек. Таблица настроек. Пример шаблона страницы.
Код
jQuery(document).ready(function($){
$.bvi({
'bvi_target' : '.bvi-open', // Класс ссылки включения плагина
"bvi_theme" : "white", // Цвет сайта
"bvi_font" : "arial", // Шрифт
"bvi_font_size" : 16, // Размер шрифта
"bvi_letter_spacing" : "normal", // Межбуквенный интервал
"bvi_line_height" : "normal", // Междустрочный интервал
"bvi_images" : true, // Изображения
"bvi_reload" : false, // Перезагрузка страницы при выключении плагина
"bvi_fixed" : false, // Фиксирование панели для слабовидящих вверху страницы
"bvi_tts" : true, // Синтез речи
"bvi_flash_iframe" : true, // Встроенные элементы (видео, карты и тд.)
"bvi_hide" : false // Скрывает панель для слабовидящих и показывает иконку панели.
});
});Активация плагина. В файле bvi-init.js добавлем класс включения плагина 'bvi_target' : '.bvi-open' и спользуем следующий код.
Код
<a href="#" class="bvi-open">Версия сайта для слабовидящих</a>