Trigger the accessibility settings via button/menu/link

The Readabler plugin allows you to open the accessibility windows settings through the regular menu item, custom button, link, or other content elements.

Trigger the windows via the WordPress menu item.

Step 1.

Go to Appearance>Menus and select the menu in which you want to create an item to call the window settings.

Step 2.

Make sure that the CSS Classes option is enabled in the Screen elements via Screen Options.

Enable CSS Classes on the Screen Options.

Step 3.

Add a menu item for Accessibility settings to the menu and paste the .readabler-trigger class to the CSS Classes field.

Adding Readabler class to the menu item

Trigger the windows via the custom button or link.

You can add the trigger of the window with settings for any button or link on the site using the class:

readabler-trigger

An example of the custom button trigger:

<button class="readabler-trigger"> Accessibility button </button>

An example of the custom link trigger:

<a class="readabler-trigger" href="#"> Accessibility button </a>

You can add the trigger of the window with settings for any button/element on the site using the attribute:

data-readabler-show

An example of using the attribute:

<span data-readabler-show="1"></span>

Was this article helpful to you?