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:
- Invert Colors
- Monochrome
- Dark contrast
- Light contrast
- Low saturation
- High saturation
- Highlight links
- Highlight headings
- Screen reader
- Read mode
- Content scaling
- Font size
- Line height
- 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 disabled the read mode, 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:
