Beskrywing
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 attributestext,icon,colorandbackground; - The “Button visually impaired” widget: title, text, colors, showing the icon and the text;
- Any element with the
bvi-openclass.
Detailed instructions and a FAQ are on the “BVI Instructions” page in the admin.
HTML classes
bvi-speechadds text-to-speech buttons to the block;bvi-hidehides the element in the version for the visually impaired;bvi-showshows the element only in the version for the visually impaired;bvi-no-stylesdisables the plugin styles inside the block.
Screenshots

screenshot-1.jpg.
screenshot-2.jpg.
screenshot-3.jpg.Blokke
This plugin provides 2 blocks.
- Озвучиваемый текст Контейнер, содержимое которого посетитель может прослушать: в версии для слабовидящих над блоком появляются кнопки озвучки.
- Кнопка для слабовидящих Кнопка включает версию сайта для слабовидящих. Отображается на сайте, когда плагин включён в настройках BVI.
Installation
- Upload the plugin to the
/wp-content/plugins/directory. - Activate the plugin: Plugins Button visually impaired Activate.
- Go to the BVI menu and choose “Plugin is active: Yes” in the settings.
- 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"].
Kwel-vrae
-
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.
-
For the block, in the right editor panel; for the widget, in its form; for the shortcode, with the
text,icon,colorandbackgroundattributes. -
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-speechclass 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.
-
Yes, any element with the
bvi-openclass turns on the version for the visually impaired.
Aanbevelings
Contributors & Developers
“Button visually impaired” is oopbron sagteware. Die volgende mense het bygedra tot die ontwikkeling van hierdie uitbreiding:
ContributorsTranslate “Button visually impaired” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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
Helpsection;
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.
