WordPress.org

Français

Obtenir WordPress
WordPress.org

Plugin Directory

Button visually impaired

Button visually impaired

Par veks
Télécharger

Description

Button visually impaired automatically changes your site into a version for the visually impaired. The panel on the site lets visitors change the color scheme, the font size and family, spacing and images, and a speech synthesizer reads aloud the changes and the text you mark for it. Thanks to it, your site meets the needs of people with disabilities.

Features

  • 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 with an alt caption);
  • Change letter spacing (kerning);
  • Change line spacing;
  • Speech synthesizer reads aloud changes to display settings;
  • Disable embedded elements (videos, maps, etc.);
  • Play text to voice;
  • Interface and speech in 11 languages;
  • The panel follows the selected color scheme and collapses into a menu on phones and tablets;
  • Keyboard control (Tab, arrow keys, Home, End, Space, Enter, Esc);
  • Support for browsers Chrome, Firefox, Safari, Microsoft Edge, Opera.

Ways to add the button

  • The Gutenberg block « Button for the visually impaired »: icon, text, colors (also on hover, gradient), font, spacing, borders, shadow, size;
  • The Gutenberg block « Speech text »: a container whose content a visitor can listen to;
  • The shortcode [bvi] with the attributes text, icon, color and background;
  • The « Button visually impaired » widget: title, text, colors, showing the icon and the text;
  • Any element with the bvi-open class.

Detailed instructions and a FAQ are on the « BVI Instructions » page in the admin.

HTML classes

  • bvi-speech adds text-to-speech buttons to the block;
  • bvi-hide hides the element in the version for the visually impaired;
  • bvi-show shows the element only in the version for the visually impaired;
  • bvi-no-styles disables the plugin styles inside the block.

Demo version

Captures d’écrans

The Button visually impaired panel screenshot-1.jpg.
The Button visually impaired panel screenshot-1.jpg.
The Button visually impaired panel screenshot-2.jpg.
The Button visually impaired panel screenshot-2.jpg.
The Button visually impaired settings page screenshot-3.jpg.
The Button visually impaired settings page screenshot-3.jpg.

Blocs

Cette extension fournit 2 blocs.

  • Озвучиваемый текст Контейнер, содержимое которого посетитель может прослушать: в версии для слабовидящих над блоком появляются кнопки озвучки.
  • Кнопка для слабовидящих Кнопка включает версию сайта для слабовидящих. Отображается на сайте, когда плагин включён в настройках BVI.

Installation

  1. Upload the plugin to the /wp-content/plugins/ directory.
  2. Activate the plugin: Plugins Button visually impaired Activate.
  3. Go to the BVI menu and choose « Plugin is active: Yes » in the settings.
  4. Add the button with the « Button for the visually impaired » block, a widget, or the shortcode [bvi] or [bvi text="Version for the visually impaired" background="#1a237e" color="#ffffff" icon="true"].

FAQ

The button is not shown on the site. What should I check?

Make sure « Plugin is active: Yes » is selected in the settings: while the plugin is off, the button, shortcode and widget output nothing. Then check that the button is placed, and clear the site cache.

Where can I change the button text and color?

For the block, in the right editor panel; for the widget, in its form; for the shortcode, with the text, icon, color and background attributes.

Do the settings on the plugin page apply to all visitors?

They are the defaults the panel opens with for the first time. A visitor can change them in the panel, and their choice is remembered in their browser.

How do I return to the regular version of the site?

Press the « Regular version of the site » button in the panel.

The speech synthesizer does not work.

Speech depends on the browser and the operating system: they must have voices for the selected language. In the « Speech synthesizer voice » setting you can specify a voice name or identifier; an empty value means automatic selection.

How do I make a piece of text spoken?

Use the « Speech text » block or add the bvi-speech class to a container. Play, pause, resume and stop buttons appear above the block.

How do I reset the plugin settings?

Press « Reset settings » at the bottom of the settings page. The « Plugin is active » value and the settings of blocks and widgets will not change.

Can I place several buttons?

Yes, any element with the bvi-open class turns on the version for the visually impaired.

Avis

Можно ли сделать, чтобы работало на PHP 8.2

27 septembre 2026
Хостер постоянно трендит про какие-то невозможности перехода на PHP выше чем 8.2, но мне с ним спорить нет никакого ризона потому, что у меня бесплатный хостин, как для образоватеной организации, а с переходом на Вордпресс 7.* плагин перестал работать. Дядьки и тётьки из надзорных органов требуют работу сайта для людей с ограниченными возможностями. Я в PHP не понимаю от слова "совсем", но может как то можно сделать работу плагина на PHP 8.2, хотя-бы на какое-то время, а там глядишь и хостер подтянет на 8.5 и с обновлением перейдём опять на 8.3

Идеальный плагин!

11 octobre 2024
Благодарим разработчика за очень полезный плагин. P.S. для вызова плагина своей кнопкой используйте CSS: ( class="bvi-open" )

Рабочий инструмент

22 octobre 2023
На сайтах бюджетных организаций такой сервис сегодня обязателен. Благодарю автора, жаль только, что 2-й год без обновлений.

Плагин перестал работать после 2.3.0

14 mai 2022
Вполне устраивает плагин, пока работает. Не могу ничего сказать про его качество, так как нужен он для галочки и отчетности (бюджетная организация). Проблема в том, что не работал плагин около года, после обновления 2.3 – в нужном месте на сайте кнопка не появлялась. В течении года несколько раз деактивировал/активировал/убирал/размещал/перемещал – это не решало проблему. Сегодня от нечего делать решил всё-таки разобраться с причиной, полезть в код при необходимости, разместил виджет в очередной раз – а он работает. Ну ОК. Однако минус автору за полное отсуствие обратной связи. Плевать на отзывы?
Lire les 27 avis

Contributeurs/contributrices & développeurs/développeuses

« Button visually impaired » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

Traduisez « Button visually impaired » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

2.4.0

  • The BVI JavaScript library is updated to 2.0.0 (new panel, accessibility, styles; Internet Explorer is no longer supported);
  • Panel interface and speech in 11 languages: ru-RU, en-US, es-ES, de-DE, fr-FR, pt-BR, it-IT, tr-TR, pl-PL, zh-CN, ja-JP;
  • Added the Gutenberg blocks « Button for the visually impaired » and « Speech text » with native color, font, spacing, border and size settings;
  • Shortcode [bvi]: the attributes text, icon, color and background; it outputs a span, so the shortcode is valid inside a paragraph;
  • Widget: text and background colors, showing the icon and the text;
  • The button text, color and background are no longer plugin settings: they are set in the block, the widget and the shortcode (existing widget values are kept);
  • The button is a button element instead of a link;
  • Added the « BVI Instructions » page: quick start, ways to add the button, blocks, markup classes, text to speech (bvi-speech), keyboard control and FAQ;
  • Added the « Reset settings » button (the « Plugin is active » value is kept);
  • Added settings: the speech synthesizer voice, the link to bvi.isvek.ru, 11 panel languages;
  • Fixed: the « Font » setting was not passed to the library;
  • Select and radio values of the settings are validated;
  • Option keys no longer have the bvi prefix (data is migrated automatically on update);
  • The text domain is now button-visually-impaired, as WordPress.org requires;
  • Updated the English translation; the block editor is translated;
  • Requires WordPress 6.0+ and PHP 8.3+.

2.3.0

  • Bug fixes;

2.2.0

  • Bug fixes;

2.1.0

  • Panel interface update;
  • Bug fixes;
  • Added the English (United States) translation;

2.0

  • Added the ability to change the CSS background-image (gray scale, hide the image);
  • Added a responsive layout for all screen sizes;
  • Panel interface update;
  • Speech synthesizer update;
  • Bug fixes;

1.0.8

  • Bug fixes;

1.0.7

  • Bug fixes;

1.0.6

  • Bug fixes;
  • Added the ability to hide the panel for the visually impaired;

1.0.5

  • Added turning the floating frame on and off;
  • Removed the « en_US – English (United States) » translation;
  • Changed the panel interface;
  • Fixed bugs of the version for the visually impaired;
  • Added font enlargement up to 200%;

1.0.4

  • Added the « en_US – English (United States) » translation;
  • Fixed bugs with conflicting templates;
  • Fixed script bugs;

1.0.3

  • Bug fixes;

1.0.2

  • Changed the panel design
  • Added speech synthesis

1.0.1

  • Changed the panel design

1.0.0

  • Added line spacing;
  • Minor additions;
  • Bug fixes;

0.9

  • Added a button to turn on « gray scale » for images;
  • Changed the plugin structure;

0.8

  • Changed the panel design;
  • Changed the font size in pixels to « 14 », « 18 », « 23 »;
  • Added a choice of fonts « Arial », « Times New Roman »;
  • Added the « brown on beige » color scheme;
  • The plugin was rewritten;

0.7

  • Fixed text errors;
  • Added an option for when the plugin does not work;
  • Minor fixes;

0.6

  • Changed the plugin structure;
  • Changed the panel design;
  • Added a shortcode;
  • Added the ability to hide images and replace them with the alt attribute;
  • Added the ability to keep the image width and height when they are turned off;
  • Added the ability to choose icons;
  • Fixed all bugs;
  • Added the Help section;

0.5.3

  • Changed the plugin structure;
  • Fixed plugin bugs;

0.5.2

  • Changed the panel design;
  • Fixed plugin bugs;

0.5.1

  • Fixed plugin bugs;

0.5

  • No changes;

0.4

  • Added the plugin settings:
  • Fixed the design;
  • Fixed the action on plugin activation;

0.3

  • Fixed the bug when switching to the regular version of the site: « images were not shown »;
  • Added active elements;
  • Added hints when hovering over a link;
  • Added the « green on dark brown » color scheme;
  • Added line and letter spacing.

0.2

  • Changed the design;
  • Fixed several bugs when pressing the « Regular version of the site » button.

0.1

  • First release.

Méta

Évaluations

4.9 sur 5 étoiles.

Votre avis

Tout voir

Contributeurs

Support

Demandes résolues ces deux derniers mois :

0 sur 1

Voir le forum de support

Faire un don

Souhaitez-vous soutenir l’avancement de cette extension ?

Faire un don à cette extension