Boost Your Website’s User Accessibility With The Accessibility Plugin

Accessibility is an easy yet powerful JavaScript plugin that makes websites or web applications usable and friendly for everyone, including those with visual impairments or other disabilities.

It adds a floating ‘Accessibility’ button to your site, which, when clicked, reveals a set of accessibility tools to help users customize their browsing experience: invert colors, apply grayscale, adjust saturation, highlight links, increase font size, line height, and letter spacing, change text alignment, manage contrast, and even hide images.

How to use it:

1. Download the Accessibility plugin and include the accessibility-menu.min.js file on your web page. The plugin will automatically add the accessibility features without any further configuration.

<script src="accessibility-menu.min.js"></script>

2. Customize the position of the floating Accessibility button by modifying the accessibility-menu.min.js file. The default position is on the ‘right’ of the screen, but you can easily change it to ‘top’, ‘left’, or ‘bottom’ based on your design preferences and requirements.

const accessibilityMenuHTML = `<div id="accessibility-modal" class="right close">
  <button id="closeBtn" style="z-index: 99999;">

Changelog:

05/06/2024

• v1.2.2 stable