# Readabler - WordPress accessibility plugin

- created: 02/04/2021
- latest update: 04/21/2025
- by: merkulove
- readabler.merkulov.design/

WordPress plugins Documentation

### Overview

Readabler is a WordPress accessibility plugin that expands the boundaries of information accessibility for people with disabilities and other specific access requirements. The availability of content for people with special needs or difficulties with the perception of information is the most important part of each site's operation.

According to the World Health Organization research: globally, 1 billion people have a vision impairment that could have been prevented or has yet to be addressed.

These 1 billion people include those with moderate or severe distance vision impairment or blindness due to unaddressed refractive error (123.7 million), cataract (65.2 million), glaucoma (6.9 million), corneal opacities (4.2 million), diabetic retinopathy (3 million), and trachoma (2 million), as well as near vision impairment caused by unaddressed presbyopia (826 million).

Flexible Configuration of Accessible Improvements
Customizable Position of the Accessibility Button
WGAG 2.0 complient
Multilingual Voice Navigation
Includes 5 Accessibility Profiles
Built-in Accessibility Analyzer
Draggable Accessibility Settings Window
Readability Adjustments for Fonts & Texts
Visually Pleasing Experience Settings
Text recognition is provided by Google Cloud API
Text recognition in over 40 languages and dialects
Includes an Online Dictionary based on Wikipedia
Black or White Large Cursors
Modern & Convenient User Interface
Usage Analytics and Accessibility Status
Ready for translation
Completely Cross-Browser Support
Advanced Keyboard Navigation
Compatible with Popular Page Builders
Minified & optimized JS without jQuery
Suitable for all kind of Layouts and Templates
Works Great with All WordPress Themes
Fully Compatible with WordPress 5+

The accessibility plugin for WordPress will make publications on your website accessible to people with perception problems, cognitive impairments, hearing or vision impairments.

The Readabler is a lightweight and powerful solution for increasing the accessibility of content on any WordPress site. The plugin is built on JavaScript, making it fully compatible with most existing WordPress Themes and extensions. It also allows the plugin to work quickly in any modern browser, both on a mobile device, laptop, and desktop computer.

Using the plugin settings, it is possible to choose a flexible set of settings and options that will be used on your site. Simultaneously, the plugin has 5 pre-installed profiles that will increase the accessibility of your site for people with Epilepsy, Visual Impaired, Cognitive Disability, ADHC, and also partially or completely blind.

### Readable Experience

One of the main features of the plugin is to improve the readability of text content. To solve this problem, the plugin has settings for scaling the entire page or only some types of test, for example, a heading or plain text. Also important for readability are the settings for increasing line and letter spacing, changing all texts' alignment.

For people who find it difficult to read text written in calligraphic or sans fonts, the plugin provides a mode for changing the font on the entire site to readable or to a font for people who have Dyslexia.
Of course, an important part of any site is interaction with the page, for which the plugin provides modes for highlighting texts and titles and a magnifier that enlarges the text when you hover the mouse cursor over it.

### Visually Pleasing

For people with visual impairments, the plugin provides a group of settings to optimize the appearance of the entire page or individual elements on the page.

In addition to the usual brightness, saturation, and contrast control modes, the plugin will make the site monochrome in black-white mode.
And the change in the color of fonts and backgrounds makes available text that in the usual mode could not be readable or not noticeable and increase the accessibility of content on the page.

### Ease of Orientation

A large group of settings to improve the WordPress Accessibility for people with orientation disorders. The Readabler automatically analyzes the page at load time and creates a list of all links on the page so that several links do not go unnoticed or inaccessible for any reason.

One of the important settings in this group allows you to turn off anything that can flicker or blink, such as videos, CSS animations, and animated GIF images.
Large cursors in black and white are available in the plugin to facilitate mouse navigation. Several modes for improved selection of objects on hover and focus and mode for controlling the page from the keyboard.

For people who cannot use the keyboard to type the test text, we have added a full virtual keyboard to the plugin. It is an on-screen keyboard with which you can enter text using manipulators such as a mouse or touchpad.

### Text to Speech

An important setting for visually impaired people is the recognition and sounding of text on the page. The Readabler uses the latest technology of machine learning and artificial intelligence to play a high-quality human voice. The basis of the Text-to-Speech recognition is the Google Cloud Platform, which ensures the reliability and speed of the plugin anywhere in the world.

The Readabler WordPress Plugin converts text into human-like speech in more than 240 voices across 40+ languages and variants. It applies groundbreaking research in speech synthesis (WaveNet) and Google’s robust neural networks to deliver high-fidelity audio.

All you need to do to hear the text from the page is turn on the mode in the settings and select the text. Please note that Google may charge additional fees for using this option.

### Voice Navigation

Voice navigation empowers your website visitors to effortlessly steer their online experiences through intuitive voice commands, providing a seamless and user-friendly way to interact with your site.

The versatility of our voice interface knows no bounds, as it seamlessly accommodates multiple languages to cater to a global audience. We’ve gone the extra mile by meticulously translating all commands into the most widely spoken languages, ensuring that users from diverse cultural backgrounds can effortlessly communicate with your website in their preferred tongue. This inclusive approach opens up new horizons for user engagement and accessibility, making your platform truly inclusive and user-centric.

### Online Dictionary

For people with memory difficulties or forgetting to define things and concepts, we added Wikipedia to the plugin. To access the huge knowledge base of Wikipedia, you just need to open the accessibility control panel and write a word to clarify the meaning in the search field. In a few seconds, Wikipedia will show everything it knows about this thing or concept. And all this happens without leaving your site and the cozy atmosphere of accessibility that the user has set up for himself.

### Page Accessibility Analyzer

The Page Accessibility Analyzer is an indispensable tool designed to empower website owners, developers, and content creators in ensuring that their online content is inclusive and accessible to all users. This innovative analyzer goes beyond traditional web development tools by providing real-time, on-the-fly assessments of a webpage’s accessibility, allowing for swift and efficient detection of potential issues.

With a user-friendly interface, the Page Accessibility Analyzer simplifies the complex process of accessibility evaluation. It employs advanced algorithms to scan web pages for compliance with widely recognized accessibility standards, including but not limited to the Web Content Accessibility Guidelines (WCAG). This ensures that your website not only meets the legal requirements but also caters to diverse user needs, including those with disabilities.

### Privacy

An important part of this is that user preferences are saved after leaving the site. This means that you do not have to add anything new to your site's Privacy Policy and Data Protection Policy and remain compatible with GDPR, CCPA.

### Key Features of the WordPress Accessibility Plugin

- Flexible accessible settings set
- Draggable accessibility window
- Appearance animation of the accessibility button
- Multilingual Voice Navigation
- Flexible style settings of the button
- Code meets standards WCAG 2.0 (AAA)
- Text recognition is powered by Google Cloud API
- Day(Light) and Night(Dark) Color Modes
- Automatically languages recognizing across 40+ languages
- Includes exclusive access to WaveNet technology
- Compatible with Elementor, WPBakery Page Builder, and Visual Composer
- Works well with all popular WordPress Themes
- 7 Positions for placing the accessibility button
- Includes .pot and ready for translation
- Perfect for RTL direction
- Native valid JavaScript, without jQuery
- Huge customization capabilities
- Beautiful modern user Interface
- Tested and compatible with WordPress 6+
- Lightweight and Fast
- Compatible with all modern browsers
- Easy to use and customize
- Installation guide
- Detailed users manual
- Six months included support for CodeCanyon buyers

Readabler WordPress Accessibility tested and compatible with all major WP Plugins: Yoast SEO, Contact Form 7, W3 Total Cache, NextGen Gallery, Slider Revolution, WooCommerce, etc. It also works perfectly and improves the user experience with popular Website Page Builders, like Elementor, Visual Composer, Gutenberg, Beaver Builder, Divi, Themify Builder, WP Bakery Page Builder, Layers WP, and many others. The plugin works perfectly with all significant WordPress frameworks: Genesis, Divi, Themify, Warp 7, Ultimatum, Beans, Unyson, Gantry, and others.

Learn a little more about what the plugin can do and how to configure it from the Online Documentation.

### Installing

Installing the WordPress plugin is quick and straightforward. After you have downloaded the archive with the plugin, you will see the file with the plugin inside. Unzipped purchased the product you will see inside the archive with the plugin pluginname.zip There are two ways to install it:

## Installation of the Plugin through the WordPress Admin panel ( Recommended for most users )

###### STEP 1

First of all, open WordPress admin area login page and login in into WordPress as Admin. To do this visit http://yoursitename/wp-admin

###### STEP 2

Go to Plugins > Add New

Add New Plugin to WordPress

###### STEP 3

Click Upload Plugin Button

Upload New Plugin to WordPress

###### STEP 5

Choose archive with Plugin and press Install Now Button

###### STEP 6

After Installing go back to the Plugins page and click Activate below plugin title

Activate Installed Plugin

## Installation the plugin through FTP or build-in File manager

###### STEP 1

Use Login and Password to connect to your web-server via FTP or use your hosting file manager.

###### STEP 2

Upload archive with plugin to /wp-content/plugins

###### STEP 3

On next step Unzip the archive with the plugin

###### STEP 4

Installing WordPress Plugin is almost finished. Go to the Plugins page and click Activate below plugin title. You can find out your username and password on the website of your hosting provider.

Activate Installed Plugin

After installing and activating the plugin, you can go to settings of the Plugin. Also, you can read more helpful articles about WordPress Themes and WordPress Plugins.

### Settings

Readabler is a WordPress accessibility plugin that expands the boundaries of information accessibility for people with special portability. The availability of content for people with special needs or difficulties with the perception of information is the most important part of each site’s operation.

Please make sure the HTML markup of your site is valid and meets all the requirements of the W3C to work correctly with all Readabler features.

The Readabler package downloaded from Codecanyon includes 3 plugins:

- Readabler - the main plugin that must be installed. Below are the settings for it.
- Readabler PHP7 - a subplugin that should be installed if your version of PHP is 7.4 or greater but less than 8.0. If your PHP version is 8.0 or higher, you do not need to install the subplugin.
- Readabler AI - a subplugin that needs to be installed to integrate the AI ​​assistant. This is an optional feature for advanced accessibility tools.

To open the plugin settings in the WordPress Sidebar menu go to Readabler.

Readabler Menu Item

In the plugin settings, there are several tabs responsible for various groups of plugin settings:

- General
- Open Button
- Modal Popup
- AI Assistant
- Accessibility Design
- Accessibility Statement
- Hot Keys
- Text to Speech
- Voice navigation
- Analyzer
- Usage analytics
- Custom CSS
- Advanced
- Initial settings
- Assignments
- Activation
- Migration
- Status
- Updates

## General

General settings for various accessibility modes and other options that help users better focus, read and orient in the website content.

### Accessibility modes

The preset modes include certain site settings for ease of use by people with certain diseases.

- Epilepsy Safe Mode - this profile enables people with epilepsy to use the website safely by eliminating the risk of seizures that result from flashing or blinking animations and risky color combinations.
- Visually Impaired Mode - this mode adjusts the website for the convenience of users with visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and others.
- Cognitive Disability Mode - this mode provides different assistive options to help users with cognitive impairments such as Dyslexia, Autism, CVA, and others, to focus on the essential elements of the website more easily.
- ADHD Friendly Mode - this mode helps users with ADHD and Neurodevelopmental disorders to read, browse, and focus on the main website elements more easily while significantly reducing distractions.
- Blindness Mode - This mode configures the website to be compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software for blind users that is installed on a computer and smartphone, and websites must be compatible with it.

### Online Dictionary

- Section heading - enable/disable the display of the current section heading.
- Online Dictionary - for Cognitive Disorders. Adds a search field to the Accessibility window settings that allows searching for phrases, abbreviations and concepts.
- Dictionary language - select your site language to use the dictionary in the appropriate language. For a multilingual site, select Auto for automatic language detection.

### Readable Experience

- Different options to improve readability for users with a particular disability.

- Section title - enable/disable the display of the current section title.
- Content Scaling - the option allows scaling the website content as a percentage.
- Readable Font - the option automatically converts the text font to a more readable one.
- Dyslexia Friendly - the option adapts the font to be more convenient for Dyslexic users.
- Highlight Titles - the option highlights the titles with borders for all site content.
- Highlight Links - the option highlights the links with borders for all site content.
- Text Magnifier - the option allows you to display specific text in the magnifier on hover.
- Font Sizing - the option allows you to change the text font size as a percentage.
- Line Height - the option allows you to change the font line-height as a percentage.
- Letter Spacing - the option allows you to change the text letter spacing as a percentage.
- Align Center - the option aligns the website content to the center.
- Align Left - the option aligns the website content to the left.
- Align Right - the option aligns the website content to the right.

### Visually Pleasing Experience

- Show section title - enable/disable the display of the current section title.
- Dark Contrast - the option sets a dark contrast for the content of the entire site.
- Light Contrast - the option sets a light contrast for the content of the entire site.
- Monochrome - the option applies a monochrome color scheme for the entire site.
- High Saturation - the option adds color saturation for the entire site content.
- High Contrast - the option increases color contrast for the entire site content.
- Low Saturation - the option minimizes color saturation for the entire site content.
- Text Colors - the option displays a color picker to adjust the text color of website content.
- Title Colors - the option displays a color picker to adjust the title color of website content.
- Background Colors - The option displays a color picker to adjust the background color of website content.

### Easy Orientation

Tools for people with visual impairments, cognitive disabilities, or motor impairments to orient better at the site.

- Show section title - enable/disable the display of the current section title.
- Mute Sounds - the option mutes all sounds on the site.
- Hide Images - the option hides all images on the site.
- Virtual Keyboard - the option enables the virtual keyboard when any one of the input fields is active.
- Reading Guide - The option displays a guideline that follows the cursor and helps to concentrate only on the specific text.
- Useful Links - the option displays a select list of useful site links to get the necessary info without site research.
- Stop Animations - the option allows disabling animations on the site.
- Reading Mask - the option creates a horizontal mask of a certain height that follows the cursor and allows you to select and focus only on a certain part of the content.
- Highlight Hover - the option highlights the hover area by borders.
- Highlight Focus - the option highlights the focus area by borders.
- Big Black Cursor - the option enables a large black cursor instead of the regular one.
- Big White Cursor - the option enables a large white cursor instead of the regular one.
- Text to Speech - The option enables the Text-to-Speech feature. Audio is generated when the user highlights text. Before activating this feature, please upload the API key file on the "Text to Speech" tab. How to get own key read in the documentation.
- Voice Navigation - the option enables the voice navigation feature. The user can navigate through the site using voice commands.
- Keyboard Navigation - the option enables a keyboard navigation feature.

### WordPress Themes & Plugins compatibility

A group of settings to improve the compatibility of the plugin with other plugins or themes.

## Open Button

The tab contains styles and display settings of the open button for accessibility settings. Select the position to display the button, set the colors, icon, animation, etc.

#### Show Open Button

The toggle to enable/disable the Accessibility button on all pages. When the option is enabled, the button is displayed on all pages automatically and all additional settings are available. To assign the button to specific pages, go to the Assignments settings tab. When switching the toggle off, the accessibility settings are hidden for all pages and you can add the trigger of the window with settings for any button or link on the site using the class:

    readabler-trigger

For example:

    [button class="readabler-trigger"] Accessibility button [/button]

All of the settings for this block listed below are available only if the “Show Floating Button” option is enabled.

#### Tabulation index

The option indicates that its element can be focused, and where it participates in sequential keyboard navigation (usually with the `Tab` key, hence the name).

- A negative value (usually `tabindex="-1"`) means that the element is not reachable via sequential keyboard navigation
- `tabindex="0"` means that the element should be focusable in sequential keyboard navigation, after any positive tabindex values and its order is defined by the document's source order.
- A positive value means the element should be focusable in sequential keyboard navigation, with its order defined by the value of the number.

#### Position

The field to select one of 7 display positions on the page for the button. It can be Top Left, Top Right, Left Center, Right Center, Bottom Left, Bottom Right or Bottom Center positions.

#### Caption

Enter text for the button or leave blank to display only an icon.

#### Icon

Select the icon for the button using the icon library or upload your own icon in SVG format.

#### Icon Position

Select the icon position relative to the caption on the button. Pick “Hide” to remove the icon from the button.

#### Icon/Caption size

Specify the font size for the icon and button caption using a convenient slider. You can set the size from 10 to 100 pixels.

#### Margin

This option allows you to control the margin of the button. Here you can set the value from 0 to 100 pixels using the slider, where the value of “0” means that the button sticks to the site border.

#### Padding

This option allows you to control the padding of the button. Here you can set the value from 0 to 100 pixels using the slider, where the value of “0” means that the caption and icon stick to button borders.

#### Border Radius

The option allows you to adjust the border radius for the button.

#### Icon/Caption Color

Specify the font color and opacity for the text of the icon and button caption using the color picker.

#### Icon/Caption Hover Color

Specify the hover font color and opacity for the text of the icon and button caption using the color picker.

#### Background Color

Specify the background color and opacity for the button using the color picker.

#### Background Hover Color

Specify the background hover color and opacity for the floating button using the color picker.

#### Entrance Timeout

The setting determines the delay before the button appears on the page.

#### Entrance Animation

Select one of the available button animations for appearing on the page. The following types are available: Particles, Bounce, Fade, Flip-x, Scale, Wobble, Rotate. Pick “None” to disable the animation.

#### Hover Animation

Select one of the available animations for the button hover. The following types are available: Particles, Bounce, Fade, Flip-x, Scale, Wobble, Rotate. Pick “None” to disable the animation.

## Modal Popup

#### Popup position

Select the position of the popup settings window on your screen: Right, Left, Center.

#### Day(Light) Theme/Night(Dark) Theme

The popup window design automatically adapts to the light/dark mode of your browser. You can manage the display styles separately for each of the modes.

- Background Color - specify the background color and opacity for the modal popup using the color picker.
- Key Color - select a base color of the modal popup using the color picker
- Text Color - select a text color of the modal popup using the color picker.

Dark mode settings

### Appearance and Behavior

Set the modal popup appearance and behavior

#### Border radius

Use the slider to specify the border radius of the modal.

#### Animation

Select one of the available modal animations for appearing on the page. The following types are available: Particles, Bounce, Fade, Flip-x, Flip-y, Scale, Slide to right, Slide to left, Slide to top, Slide to bottom, Rotate, Wobble. Pick “None” to disable the animation.

#### Animation Duration

Specify the animation duration using the slider.

#### Popup Shadow

The toggle to enable/disable the popup shadow.

#### Overlay

The option adds the overlap layer for site content and allows managing the overlay background color.

#### Floating popup

The option makes the popup float allowing it to be visible when scrolling the page.

#### Scroll

The option scrolling on the page while the popup is open.

#### Close anywhere

The option allows closing the settings by clicking outside the popup.

#### Reset Button

The toggle to enable/disable the Reset button in the Accessibility popup window settings.

#### Hide Button

The toggle to enable/disable the Hide button in the Accessibility popup window settings.

## AI Assistant

AI assistant is an artificial intelligence trained to improve the accessibility of content on a page: manage accessibility modes, read content and search for information on and off the page.

This settings tab becomes available when the Readabler AI plugin is installed and activated. The plugin is included in the archive you receive after purchasing the Readabler plugin from CodeCanyon.
To integrate AI assistant functionality, you need to create an account and purchase a subscription. Check out the Prices for the services.

Once the subscription is purchased, you can switch the toggle Enable assistant and proceed to configure the settings.

- Assistant Token - paste the token obtained from your dashboard into this field.
- Use Google speech - use Google speech engine, part of the Readabler plugin, to convert speech synthesis. You Google Cloud API key should be installed and configurated on Text-to-Speech tab to use this option.

## Accessibility Design

The tab with style display settings for different Accessibility options.

#### Highlight Titles, Highlight Links, Highlight Hover, Highlight Focus,

- Style - select the border style to highlight the current element. The following types are available: Dotted, Dashed, Solid, Double, 3D Grooved, 3D Ridged, 3D Inset, 3D Outset.
- Color - select the highlight color of the current element.
- Width - select the border width of the current item highlighting.
- Offset - specify the offset of the highlight border.

#### Text Magnifier

- Background Color - specify the background color of the magnifier.
- Text Color - specify the font color of the magnifier.
- Font Size - specify the font size of the current element.

#### Reading Guide

- Width - specify the width of the line guide using the slider. The available values are from 50 to 2000 pixels.
- Height - specify the height of the line guide using the slider. The available values are from 1 to 100 pixels.
- Background Color - specify the background color of the line.
- Border Color - specify the border color of the line.
- Border Width - select the border width of the line guide.
- Border Radius - specify the border radius of the line guide.
- Arrow size - specify the arrow size for the guideline using the slider.

#### Reading Mask

- Height - specify the height of the mask using the slider. The available values are from 50 to 500 pixels.
- Overlay Color - select overlay color for reading mask using the color picker.

#### Virtual Keyboard

- Layout - select a language layout for the virtual keyboard. Supports multilingualism since version 1.6.0.

###### Day(Light) Theme

The Virtual Keyboard design automatically adapts to the light/dark mode of your browser. You can manage the display styles separately for each of the modes.

- Keyboard Background Color - select background color for the virtual keyboard using the color picker.
- Button Background Color - select background color for buttons on the virtual keyboard using the color picker.
- Button Color - select text color for buttons on the virtual keyboard.

###### Night(Dark) Theme

- Keyboard Background Color - select background color for the virtual keyboard using the color picker.
- Button Background Color - select background color for buttons on the virtual keyboard using the color picker.
- Button Color - select text color for buttons on the virtual keyboard.

## Accessibility Statement

The tab with contact information settings and the Accessibility Statement.

There are 3 options available to get Accessibility Statements:

Statement source

#### Generated by plugin

You can add your or your client information(Name,Email, and phone) and this will be added when generating text for the Accessibility Statement.

Accessibility Statement settings

The users can see the created statement text when clicking on the link at the bottom of the settings window.

Accessibility Statement link

#### Custom link

Insert a link to a third-party resource with the Accessibility Statement that is the most reliable for you.

#### None

Select the "None" option if you don't want to display any statement link in the Accessibility settings window.

## Hot Keys

The section with hotkeys setting for quick interaction with the site. The plugin provides default settings but they can be easily changed according to your wishes.

- Open Hot Key - open the Accessibility Interface with "Alt+9" keys. You can change the default settings by entering the required keys.
- Keyboard Menus Navigation - the default hotkey of the menus navigation is "M".
- Keyboard Headings Navigation - the default hotkey of the headings navigation is "H".
- Keyboard Forms Navigation - the default hotkey of the forms navigation is "F".
- Keyboard Buttons Navigation - the default hotkey of the buttons navigation is "B".
- Keyboard Graphics Navigation - the default hotkey of the graphics navigation is "G".

## Voice navigation

Configure the voice navigation settings to allow users navigating the site using voice commands. The tab offers to set commands for each of the actions on the site.

The following commands are available: Help Command, Hide Help Command, Scroll Down Command, Scroll Up Command, Scroll Right Command, Scroll Left Command, Go To Top Command, Go To Bottom Command, Tab Command, Tab Back Command, Numbers Commands, Clear Input Command, Enter Command, Reload Command, Stop Command, Exit Command, Voice feedback.

Example of voice command settings

#### Restart recognition

The option allows to restart recognition after stopping due to network error, loss of speech or other reasons.

#### Interim results

The option allows to show interim results during speech recognition. This option should be disabled if you are using voice navigation by numbers.

#### Voice visualization

The option allows to show a voice graph when speaking to visualize the signal from the microphone.

Voice visualization

## Accessibility Analyzer

The accessibility analyzer settings tab allows you to check your website pages/posts and find accessibility issues, which you can fix.

The Readabler plugin can not fix your site's accessibility issues, but it can diagnose problems so you can fix them and make your site WCAG compliant.

Problem indicator in the analyzer

#### Analyzer

A toggle allows you to enable/disable the analyzer feature for the site.

###### Post types

Select the post types to which the accessibility analyzer will be applied.

###### Rules

Select groups of rules for accessibility analyzer

Accessibility rules

###### Analyze in background

The option allows you to automatically analyze a post/page while the admin previews a page.

When the feature Analyze in background is performed, the Readabler logo with a blurred overlay appears as a preload page for a few moments. This option analyzes pages every time you view it as an admin and the preload page is displayed only for the admin. The Analyze in background can be useful if you frequently change your page layout. Otherwise, this option can be disabled.

###### Post list column

The option allows to enable/disable the accessibility analyzer column in the post list.

Accessibility analyzer column

###### Metabox

The option allows to enable/disable accessibility analyzer metabox in a page/post editor.

###### Admin bar

The option allows to enable/disable the accessibility analyzer button in the admin bar.

Analyzer button in the admin bar

## Text to Speech

#### API Key File

When you first run the plugin, you need to connect the Key File. How to get the Key File you can find out from the article How to get Google Text-to-Speech API Key File

#### Now used

Shows which voice is selected now, and also allows you to listen to the voice sample chosen with default settings.

Now used player

You can also listen to the Supported Google Voices and Languages in the Google Cloud Documentation.

#### Language

Using the filter, you can choose from the table the voices you need. After selecting a language, you can filter the table by voice type and gender.

The Voicer voice list

To select and activate a voice, click on the row in the table. The selected voice will be highlighted in blue.

#### Audio Profile

You can optimize the synthetic speech produced by Cloud Text-to-Speech API for playback on different types of hardware. For example, if your app runs primarily on smaller, ‘wearable’ types of devices, you can create a synthetic speech from Cloud Text-to-Speech API that is optimized specifically for smaller speakers.

#### Speaking Rate/Speed

This setting changes the voice playback speed. The smaller the number, the slower the synthesized voice will speak, and the more the amount will be, the faster will be the speech. The normal speed is 1. You can select any value in the range from 0.25 to 4. The higher the number, the faster the speech.

#### Pitch

Speaking pitch, in the range [-20.0, 20.0]. 20 means an increase of 20 semitones from the original pitch. -20 means a decrease of 20 semitones from the original pitch. The default value is 0

#### Background Color

With this setting, you can select the background color of the player tooltip.

#### Icon Color

This setting is used to select the color of the icon.

#### Voice guide

The setting allows you to specify your own description of the Text-to-Speech feature that will be displayed on the option hover in the accessibility window settings. The audio is generated for the entered text and voiced when the feature is enabled by a user.

Hover text of Text to Speech feature

### SSML features in Text to Speech feature

You can fine-tune for the following entities:

- Pause
- Mute

SSML is possible by using shortcodes inside the WordPress page. A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line.

#### Pause

To create a pause in speech synthesis, use the following shortcode:

    [ readabler-break time="2s" strength="medium"]

`Time` sets the length of the break by seconds or milliseconds (e.g. "3s" or "250ms").

The `Strength` sets the strength of the output's prosodic break by relative terms. Valid values are: "`x-weak`", `weak`", "`medium`", "`strong`", and "`x-strong`". The value "`none`" indicates that no prosodic break boundary should be outputted, which can be used to prevent a prosodic break that the processor would otherwise produce. The other values indicate monotonically non-decreasing (conceptually increasing) break strength between tokens. The stronger boundaries are typically accompanied by pauses.

    [ readabler-break time="2s"]

You can specify only the length of the pause. In this case, the `Strength` parameter value will be set to default.

#### Mute

You can turn off the spoken part of the page. Wrap it in `readabler-mute` shortcode to prevent this section of the page from being spoken.

    [ readabler-mute] ... [/readabler-mute]

You can combine and use several Voicer shortcodes in one place on the page as well as use multiple shortcodes on the page.

## Advanced Settings

Advanced settings allow you to configure the plugin to work with your theme. Please make sure you understand what you are doing before changing anything on this tab.

###### Required JS and CSS

Load only scripts and styles necessary for work with current settings.

###### Late CSS and JS loading

Enables later loading of styles and scripts. Use this option if some of the pages are missing Readable styles or scripts.

###### Noscript markup

Add the noscript tag to the site markup.

###### CopyScape Skip

The option to ignore the markup of the plugin interface when parsing with the CopyScape.

## Initial settings

The settings allow you to automatically enable certain options/mode in the accessibility window before the user start configure them according to the personal requirements.

###### Start Configuration

Select the modes/options that will be applied after the page is loaded.

Select the options to be automatically enabled in the accessibility window

###### Save config

The option allows ignoring the user configuration that was saved after the previous visit.

###### Ignore user config

The option allows ignoring the user configuration that was saved after the previous visit if you have startup Start configuration of the accessibility window. Enable this if you want the user to always see the options you selected in the Start Configuration field when uploading a page.

## Hide Forever/Restore the Accessibility button

The Accessibility settings window has the options Reset Settings to reset all the current window settings and Hide Forever when you want to hide the button since site adapting is not required for you.

Reset Settings and Hide Forever buttons

When you press Hide Forever the Accessibility button will be removed from all site pages and will no longer appear for you. If you need to restore the button use the specific link for your site:

    https://YourSite.com/?readabler

or

    https://YourSite.com/?accessibility

Where the https://YourSite.com - your website domain.

## Analytics

A section for enabling and configuring analytics on the use of the accessibility window.

### Usage analytics

A setting to enable analytics display. The following configurations are available:

###### Send interval

The slider for adjusting the interval of sending data to the server. The larger the interval, the smaller the number of requests to the server.

###### Dashboard widget

The option to show the usage analytics widget on the dashboard.

Readabler analytics widget

###### Post metabox

The option to show usage analytics metabox on the post edit page. Open the page in the editor and find the metabox in the right sidebar.

Analytics metabox in the post editor

###### Analytics column

The option to show usage analytics column on the posts list page

Analytics column on the posts list page

###### Strict GDPR

The option to enable compliance with strong GDPR regulation in some countries. Recommended to enable for Germany jurisdiction websites.

###### Clear analytics

The button to reset usage analytics data and remove table with all data.

## Hosting

Fast and reliable hosting is significant for any WordPress site. We recommend all our customers use SiteGround WordPress Hosting. Many unique settings and features make this hosting the number 1 for WordPress: Free Website Transfer, Staging Tools, Free SSL, CDN, and much more for 3.95/mo.