https://joomla.stackexchange.com/questions/3990/create-custom-module-with-javascript-js -- joomla add custom snipet

Snachalo < link rel="stylesheet" href="/css/bvi.min.css" type="text/css"> < link rel="stylesheet" href="/css/bvi-font.min.css" type="text/css"> И файлы JS скриптов перед закрывающим тегом

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="/js/responsivevoice.min.js"></script> <script src="/js/js.cookie.js"></script> <script src="/js/bvi-init.js"></script> <script src="/js/bvi.min.js"></script>

Не поверите, но это практически все! Осталось только разместить кнопку для включения в любом месте сайта. И можно проверять работу плагина.

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

Плагин для слабовидящих.

И файлы JS скриптов перед закрывающим тегом <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="/js/responsivevoice.min.js"></script> <script src="/js/js.cookie.js"></script> <script src="/js/bvi-init.js"></script> <script src="/js/bvi.min.js"></script>

Не поверите, но это практически все! Осталось только разместить кнопку для включения в любом месте сайта. И можно проверять работу плагина.

Версия сайта для слабовидящих

Button visually impaired — это плагин, который автоматически изменяет версию вашего сайта для слабовидящих людей. Панель на сайте для слабовидящих дает возможность изменять цветовую гамму сайта, размеры шрифтов, синтезатор речи озвучит вслух изменения настроек. С помощью неё можно изменять функции сайта, которые удовлетворят потребностями людей с ограниченными возможностями.

Плагин включает в себя:

• Изменение размера шрифта (до 200%);
• Изменять цветовую гамму сайта;
• Изменение шрифта сайта (с засечками или без засечек);
• Изменение изображения (серая гамма, скрыть изображение);
• Изменять межбуквенный интервал (кернинг);
• Изменять межстрочный интервал;
• Автоматически устанавливать тег Alt ко всем изображениям сайта;
• Синтезатор речи озвучит вслух изменения настроек отображения;
• Отключать встроенные элементы (видео, карты и тд.);
• Воспроизведение текста;
• Поддержка браузеров Chrome, Firefox, Safari, Internet Explorer(11, 10), Microsoft Edge, Opera;

Демо версия

Установка

Инструкция по установке

Changelog

2.0

* Добавлена возможность изменять background-image css (серая гамма, скрыть изображение); * Добавлена адаптивная верстка под все разрешения экрана; * Обновление интерфейса панели; * Обновление ситезатора речи; * Исправление ошибок;

1.0.8

* Исправлены ошибки;

1.0.7

* Исправлены ошибки;

1.0.6

* Исправлены ошибки; * Добавлена возможность скрывать панель для слабовидящих;

1.0.5

• Добавлено включение/отключение плавающего фрейма;
• Изменен интерфейс панели;
• Исправлены ошибки;
• Добавлено увеличение шрифта до 200%;

1.0.4

• Добавлен язык перевода "en_US - английский (Соединенные Штаты)";
• Исправлены ошибки с конфликтующими шаблонами;
• Исправлены ошибки скрипта;

1.0.3