DJ-Accessibility configuration in Joomla with YOOtheme

DJ-Accessibility configuration in Joomla with YOOtheme

Plugin configuration

After the successful installation, the plugin will appear on the list of installed plugins in your Joomla 4 control panel.
Navigate to "System" -> "Plugins"

Find the "DJ-Accessibility" plugin on the list and enable it.

Open the plugin. As you can see on the screen below, it does not have any options to configure.  The only available options are Joomla administrative options which are the same for each plugin. 
There is, however, a space for entering a license key, the saving of allows you to access updates directly from the control panel in Joomla 4. 

Important - If you want to use DJ-Accessibility plugin with Yootheme products, for proper functioning it is required that the plugin "System - YOOtheme Framework" is enabled at the Joomla backend.

Accessibility options in YooTheme page builder

Options for displaying the DJ-Accessibility panel are available in the Yootheme Page Builder configuration under the accessibility tab. 
Open your Joomla 4 Home Dashboard and navigate to "Yootheme".


Now scroll down to "Accessibility" options. Open it.

Check the available settings:

Available options are:
  1. Theme - Dark/Light
  2. Position type - Choose between Sticky (fixed) and custom position (static)
  3. Layout - Popup or toolbar
  4. Position - you can choose the position from a few options (top, left, right, right, etc.)
  5. Mobile align - click it to open mobile position options
  6. Mobile position - you can also choose the position for mobile
  7. Offset top/bottom - enter the value
  8. Offset left/right - enter the value
  9. Button - you can set the image and the link for the button 
  11. Load Webfont - Yes/No
  12. Webfont URL - Enter the URL
  13. Font family
  14. Screen reader advanced settings - Yes/No
  15. Speech pitch - set from 0 to 2
  16. Speech rate - set from 1 to 10
  17. Speech volume  - set 0 or 1
Enable and configuring the plugin will cause the corresponding icon to appear on the front page.  


It is possible to display the DJ-Accessibility panel also in modules and Joomla articles. For this, to work the option "Position type" must be set to "Custom position (static).

DJ-Accessibility module configuration

In addition to displaying the plugin, you can display accessibility options using the DJ-Accessibility module. 
Navigate to "System" - "Site modules".

Find the "DJ-Accessibility" module on the list and open it.

You can configure the module depending on your needs (for example change the name and set the display position.)

After saving the settings, the module will display in the chosen position (it's bottom position on our example.):

The accessibility options are displayed in the toolbar view, as we have specified in the page builder options. 

DJ-Accessibility options in the content

You can also display the same panel in the chosen content on the Joomla 4 site.
All you need to do is the enter this code:
<div id="djacc"></div>
in a Joomla article of your choice. 
Check the example here (DJ-Accessibility toolbar is displayed at the bottom of the blog post content):

      • Related Articles

      • DJ-Accessibility configuration in Joomla

        Plugin configuration After the successful installation, the plugin will appear on the list of installed plugins in your Joomla 4 control panel. Navigate to " System" -> " Plugins" Find the " DJ-Accessibility" plugin on the list and enable it. Open ...

      • 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" -> ...

      • DJ-Accessibility Joomla installation

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

      • Configuration

        At the beginning, let's take a look at the DJ-Classifieds component configuration. Click the Options button from the control panel, and you will see the popup window: Short description: Global General Settings Durations - Enable this feature to ...

      • 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 ...