DJ-Accessibility WordPress frontpage panel

DJ-Accessibility WordPress frontpage panel

After the successful installation and configuration, the DJ-Accessibility plugin will be visible on your front page.

Clicking on the plugin icon opens its panel.   

As you can read in the documentation article about configuration, there is also a possibility to display the accessibility options in the toolbar:


Here is the list of available options:
  1. Invert Colors
  2. Monochrome
  3. Dark contrast
  4. Light contrast
  5. Low saturation
  6. High saturation
  7. Highlight links
  8. Highlight headings
  9. Screen reader
  10. Read mode
  11. Content scaling
  12. Font size
  13. Line height
  14. Letter spacing
The plugin will save the selected options in cookies (except for the read mode option). So you don't have to configure everything from scratch each time you launch the site.

If you want to cancel settings quickly, use the reset icon: 

Let's focus on each option and see how they work in practice.
Invert colors
Activating this button inverts colors across the page. 

Monochrome
Activating this button enables the Monochrome feature across the page. 

Dark contrast
Activating this button changes the contrast to dark across the page. 

Light contrast
Activating this button changes the contrast to light across the page. 

Low saturation
Activating this button enables the Low saturation mode across the page.

High saturation
Activating this button enables the High saturation mode across the page.

Highlight links
Activating this button causes all links on the page to be highlighted.

Highlight headings
Activating this button causes all headings on the page to be highlighted.

Screen reader
Activating this button enables the Screen reader feature, which works so that selecting an item of text causes it to be read. 

Read mode 
Activating this button switches the entire page to read mode, i.e., the page structure changes to display content for reading. 
You can disable the readmode using the "disable readmode" button.


Content scaling
Changing the parameters of this option (in %) results in a change of content scaling across the page.  Our example uses the 70% value.

Font size
Changing the parameters of this option (in %) results in a change of font size across the page.  Our example uses the 150% value.

Line height
Changing the parameters of this option (in %) results in a change of line height across the page.  Our example uses the 150% value.

Letter spacing
Changing the parameters of this option (in %) results in a change of letter spacing across the page.  Our example uses the 330% value.

The DJ-Accessibility options can be displayed also in the toolbar layout. You can set it in the accessibility settings.
The Toolbar brings the same set of options as the popup layout. 
Please check the example below:


      • Related Articles

      • DJ-Accessibility frontpage panel

        After the successful installation and configuration, the DJ-Accessibility plugin will be visible on your front page. Clicking on the plugin icon opens its panel. Here is the list of available options: Invert Colors Monochrome Dark contrast Light ...

      • DJ-Accessibility configuration in WordPress

        After the successful installation, the plugin will appear on your WordPress dashboard's list of installed plugins. Navigate to "Plugins" and find the "DJ-Accessibility" plugin on the list and activate it. Now navigate to "DJ-Accessibility" in the ...

      • DJ-Accessibility WordPress installation

        Download and install the DJ-Accessibility plugin from the download section. You install the package as any other WordPress plugin.

      • DJ-Accessibility configuration in WordPress with YOOtheme PRO

        After the successful installation, the plugin will appear on the list of installed plugins in your WordPress dashboard. Navigate to "Plugins" and find the "DJ-Accessibility" plugin on the list and activate it. Now navigate to "Appearance" -> ...

      • FrontPage module

        The DJ-Catalog2 FrontPage module allows displaying the product's thumbnails and a short description of the selected product. This module is based on Ajax technology and works in an imposing way. The thumbnail dimensions you can set in the component ...