Специальные возможности — увеличение и уменьшение текста с помощью JavaScript
Нередко на сайтах можно увидеть такие кнопки специальных возможностей для Увеличения или Уменьшения шрифта текста, что облегчает жизнь людям с проблемами зрения. давайте посмотрим, как это делается с помощью JavaScript и JQuery.
Использование простых функций библиотеки JQuery.
Прежде всего, нам понадобится библиотека JQuery. Это пример того, как создать кнопки специальных возможностей для Увеличения и уменьшения размера текста в элементах вашего сайта с помощью языка Javascript с помощью JQuery Библиотека всего, что когда-либо облегчало работу нам, разработчикам.
Кнопки для увеличения и уменьшения размера текста
Мы начали создавать простые кнопки с функцией onClick(), которая будет увеличивать или уменьшать размер шрифта. Смотрите как просто.
<button onClick="fonte('a');">+</button> <button onClick="fonte('d');">-</button>
Функция JavaScript для изменения размера шрифта
Давайте теперь создадим файл font.js, который должен содержать функцию, которая заставит все волшебство происходить на нашем сайте.
Теперь просто добавьте класс .accessibility к элементам, на которые должна воздействовать функция.
<p class="acessibilidade"> Example of text with
.acessibility class.</p>
Скачать пример на GitHub.com
Для получения более подробной информации проверьте репозиторий в моем GitHub, что сделать, чтобы окончательно упростить и упростить реализацию этой и других функций доступности: https://github.com/lucianobragaweb/acesibilidade
Спасибо, что прочитали, и извините за мой английский.