Search

EasyDNN Accessibility Module

Previous Article Quick setup
Next Article How to display module on all pages

Advanced setup

Available options in module settings

Presets - select predefined color schemes.
Widget icon - select an icon for the widget.
Icon size - select the size of the icon.
Show title - display the name of the widget next to the icon.
Desktop widget position - select the position of the widget on desktop devices.
Mobile widget position - select the position of the widget on mobile devices.
Hide on mobile devices - the ability to hide the widget on mobile devices.

Widget appearance
- select the type of widget for desktop devices: wide or thin.
- select the type of widget for mobile devices: wide or thin.
- customize the colors of all elements of the widget.


Widget settings

Select the accessibility options that will be available in the widget.

  • Font size 
  • Line spacing 
  • Letter spacing 
  • Dyslexie font 
  • Grayscale 
  • Contrast 
  • Negativ 
  • Underlined links 
  • Highlight links 
  • Grayscale images 
  • Black and white 
  • Info button 

 

Customize properties 

If the default CSS of the module does not affect some elements on the website, it is possible to add custom CSS to each accessibility option to solve the problem. This requires more advanced knowledge of CSS.

Example

The element title (class = "mytitle") does not change when changing the font size to L size. Custom CSS needs to be added to solve the problem. To add custom CSS, select Font size> L size from the drop-down menu and click the Add button. An example of a CSS code snippet related to the selected option is then added. The added CSS needs to be customized to the element to be customized.

Example of the default CSS snippet:

body.edsA_fontSize2 {
  font-size: 1.5rem !important;
}

Example of CSS code that will affect the element "mytitle":

body.edsA_fontSize2 .mytitle {
  font-size: 1.5rem !important;
}
 

Previous Article Quick setup
Next Article How to display module on all pages
Print
Last update: 11.05.2021 / Rate this article:
No rating
Copyright 2024 by EasyDNNsolutions Terms Of Use Privacy Statement