This Accessibility Widget / Bar is a user interface component designed to provide the users with enhanced accessibility options while visiting any website. It includes a set of control functions that empower users to access the appearance and behavior of the website contents to better suit with their special needs. The widget features enhance compliance with the accessibility standards ( e.g. WCAG, GIGW, IS 17802) and provides an inclusive browsing experience for users with disabilities / special needs. UX4G is working to add more accessibility features in the widget.

Include CDN for UX4G Accessibility widgets :- Place the <script> tag for our JavaScript bundle before the closing </body>

If you encounter any issue with the dark theme, you can apply custom CSS based on a dark mode class. When the dark theme is enabled, add a class like .dark-mode to the tag. Then, wherever there are style conflicts, you can target those elements specifically for dark mode.

For example, if your default style is:

.hero-section {
  background-color: #ccc;
}

You can override it for dark mode like this:

.dark-mode .hero-section {
  background-color: #000;
}

Similarly, for buttons:

.dark-mode .btn-primary {
  background-color: #000;
}