Главная » Языки программирования

Button visually impaired javascript master

Содержание
  1. Saved searches
  2. Use saved searches to filter your results more quickly
  3. License
  4. abartsev/Button-visually-impaired
  5. Name already in use
  6. Sign In Required
  7. Launching GitHub Desktop
  8. Launching GitHub Desktop
  9. Launching Xcode
  10. Launching Visual Studio Code
  11. Latest commit
  12. Git stats
  13. Files
  14. README.md
  15. Button visually impaired
  16. Demo
  17. NPM
  18. Browser Usage
  19. Html class
  20. Settings
  21. Changelog
  22. 1.0.0
  23. Saved searches
  24. Use saved searches to filter your results more quickly
  25. License
  26. Atwinta/bvi
  27. Name already in use
  28. Sign In Required
  29. Launching GitHub Desktop
  30. Launching GitHub Desktop
  31. Launching Xcode
  32. Launching Visual Studio Code
  33. Latest commit
  34. Git stats
  35. Files
  36. README.md

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

License

abartsev/Button-visually-impaired

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

Читайте также:  What is super constructor in java

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Бесплатная версия плагина для слабовидящих.

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

  • Включение/Отключение изображений (оттенка серого);
  • Включение/Отключение изображений (в место изображения появится alt надпись);
  • Сохранение ширины и высоты изображения при отключении (в место изображения появится alt надпись с сохраненной высотой и шириной);
  • Изменение размера шрифта (до 200%);
  • Изменение фона страницы (черным по белому, белым по черному, темно-синим по голубому, коричневым по бежевому, зеленым по темно-коричневому);
  • Изменение гарнитуры (без засечек, с засечками);
  • Изменение кнопки (версия для слабовидящих);
  • Изменение интервала между буквами (Кернинг) : (стандартный, средний, большой);
  • Изменение интервала между строками : (одинарный, полуторный, двойной);
  • Включение/Отключение фиксации панели в верхней части страницы;
  • Включение/Отключение перезагрузки страницы (переход на обычную версию сайта);
  • Включение/Отключение плавающего фрейма;
  • Админ панель с настройками;
  • Добавлять кнопку в виджетах;
  • Добавлять шорткод;
  • Синтез речи панели;
  • Поддержка браузеров (Chrome, Firefox, Safari, Internet Explorer, Microsoft Edge, Opera и тд.);
  • Добавлено включение/отключение плавающего фрейма;
  • Изменен интерфейс панели;
  • Исправлены ошибки;
  • Добавлено увеличение шрифта до 200%;
  • Добавлен язык перевода «en_US — английский (Соединенные Штаты)»;
  • Исправлены ошибки с конфликтующими шаблонами;
  • Исправлены ошибки скрипта;
  • Добавлен размер шрифта в пикселях «14», «16», «18», «20», «23»;
  • Добавлена кнопка для включения «оттенка серого» для изображений;
  • Переписан плагин;
  • Изменен дизайн панели;
  • Изменен размер шрифта в пикселях «14», «18», «23»;
  • Добавлен выбор шрифтов «Arial», «Times New Roman»;
  • Добавлена цветовая схема «Коричневым по бежевому»;
  • Переписан плагин;
  • Исправлены ошибки в тексте;
  • Добавлена опция если плагин не работает;
  • Мелкие исправления;
  • Полностью переписан плагин;
  • Изменен дизайн панели;
  • Добавлен шорт код;
  • Добавлена возможность скрывать изображения и заменять на alt атрибут;
  • Добавлена возможность сохранять ширину и высоту изображения при отключении;
  • Добавлена возможность выбирать иконки;
  • Исправлены все баги;
  • Добавлен раздел Помощь ;
  • Добавлены настройки плагина:
  • Исправлено оформление;
  • Исправлено действие при активации плагина;
  • Исправлен баг при переходе на обычную версию сайта «картинки не отображалась»;
  • Добавлены активные элементы;
  • Добавлены подсказки при наведении на ссылку;
  • Добавлена цветовая схема «Зеленым по темно-коричневому»;
  • Добавлен интервал межстрочный и строчный.

Источник

Button visually impaired

Button visually impaired — is a plugin that automatically changes the visually impaired version of your site. The panel on the site for the visually impaired allows the color scheme of the site, font sizes, the synthesizer reads aloud settings changes. Thanks to it, you can use the functions of the site that meet the needs of people with disabilities.

  • Change the font size (up to 200%);
  • Change the color scheme of the site;
  • Change the font of the site (serif or sans serif);
  • Change the image (gray scale, hide the image);
  • Change letter spacing (kerning);
  • Change line spacing;
  • Automatically set Alt tag to all site images;
  • Speech synthesizer will read aloud changes to display settings;
  • Disable embedded elements (videos, maps, etc.);
  • Play text to voice;
  • Support for browsers Chrome, Firefox, Safari, Microsoft Edge, Opera;

Demo

NPM

Browser Usage

Download the latest package. unpack and inspect the contents. You need to copy the bvi.min.js and bvi.min.css or their minified variations to your app dist folders as follows. Link the required CSS in your document tag

link href pl-s">dist/css/bvi.min.css" rel pl-s">stylesheet">

Link the required JS in your document at the end of the pages, right before the closing tag

script src pl-s">dist/js/bvi.min.js">script>

Run function with default settings

script> new isvek.Bvi(); script>

Run function with your settings

script> new isvek.Bvi( target: '.className', fontSize: 24, theme: 'black' //. etc >); script>

Html class

a href pl-s">#" class pl-s">className">version for visually impaireda>
div class pl-s">bvi-speech"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. div>
div class pl-s">bvi-hide">The text will be hidden when the plugin is enabled.div>
div class pl-s">bvi-show">The text will be shown when the plugin is enabled.div>
div class pl-s">bvi-no-styles">Plugin styles will not be applied in this block.div>

Settings

Option Type Default value Value options Description
target string ‘.bvi-open’ ‘.className’ Plugin initialization class
fontSize number 16 1-39 Font size
theme string ‘white’ ( white | black | blue | brown | green ) Color spectrum
images (string|boolean) ‘grayscale’ ( true | false | grayscale ) Adapting images
letterSpacing string ‘normal’ ( normal | average | big ) Letter spacing
lineHeight string ‘normal’ ( normal | average | big ) Line spacing
speech boolean true ( true | false ) Speech synthesis
fontFamily string ‘arial’ ( arial | times ) Fonts
builtElements boolean false ( true | false ) Inline elements are a component of an HTML element that allows you to embed documents, videos, maps, and interactive media into a page.
panelFixed boolean true ( true | false ) Fixing the panel for the visually impaired at the top of the page.
panelHide boolean false ( true | false ) Hides the panel for the visually impaired and shows the panel icon.
reload boolean false ( true | false ) Enable / Disable page reload when switching to the regular version of the site.
lang string ‘ru-RU’ ( ‘ru-RU’ | ‘en-US’) Language

Changelog

1.0.0

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

License

Atwinta/bvi

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Button visually impaired — is a plugin that automatically changes the visually impaired version of your site. The panel on the site for the visually impaired allows the color scheme of the site, font sizes, the synthesizer reads aloud settings changes. Thanks to it, you can use the functions of the site that meet the needs of people with disabilities.

  • Change the font size (up to 200%);
  • Change the color scheme of the site;
  • Change the font of the site (serif or sans serif);
  • Change the image (gray scale, hide the image);
  • Change letter spacing (kerning);
  • Change line spacing;
  • Automatically set Alt tag to all site images;
  • Speech synthesizer will read aloud changes to display settings;
  • Disable embedded elements (videos, maps, etc.);
  • Play text to voice;
  • Support for browsers Chrome, Firefox, Safari, Microsoft Edge, Opera;

Download the latest package. unpack and inspect the contents. You need to copy the bvi.min.js and bvi.min.css or their minified variations to your app dist folders as follows. Link the required CSS in your document tag

link href pl-s">dist/css/bvi.min.css" rel pl-s">stylesheet">

Link the required JS in your document at the end of the pages, right before the closing tag

script src pl-s">dist/js/bvi.min.js">script>

Run function with default settings

script> new isvek.Bvi(); script>

Run function with your settings

script> new isvek.Bvi( target: '.className', fontSize: 24, theme: 'black' //. etc >); script>
a href pl-s">#" class pl-s">className">version for visually impaireda>
div class pl-s">bvi-speech"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. div>
div class pl-s">bvi-hide">The text will be hidden when the plugin is enabled.div>
div class pl-s">bvi-show">The text will be shown when the plugin is enabled.div>
div class pl-s">bvi-no-styles">Plugin styles will not be applied in this block.div>
Option Type Default value Value options Description
target string ‘.bvi-open’ ‘.className’ Plugin initialization class
fontSize number 16 1-39 Font size
theme string ‘white’ ( white | black | blue | brown | green ) Color spectrum
images (string|boolean) ‘grayscale’ ( true | false | grayscale ) Adapting images
letterSpacing string ‘normal’ ( normal | average | big ) Letter spacing
lineHeight string ‘normal’ ( normal | average | big ) Line spacing
speech boolean true ( true | false ) Speech synthesis
fontFamily string ‘arial’ ( arial | times ) Fonts
builtElements boolean false ( true | false ) Inline elements are a component of an HTML element that allows you to embed documents, videos, maps, and interactive media into a page.
panelFixed boolean true ( true | false ) Fixing the panel for the visually impaired at the top of the page.
panelHide boolean false ( true | false ) Hides the panel for the visually impaired and shows the panel icon.
reload boolean false ( true | false ) Enable / Disable page reload when switching to the regular version of the site.
lang string ‘ru-RU’ ( ‘ru-RU’ | ‘en-US’) Language

Источник

Оцените статью
© 2024 Программирование