Boost Your Website’s User Accessibility With The Accessibility Plugin

Category: Javascript | May 6, 2024
Author:PrabothCharith
Views Total:55 views
Official Page:Go to website
Last Update:May 6, 2024
License:MIT

Preview:

Boost Your Website’s User Accessibility With The Accessibility Plugin

Description:

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

You Might Be Interested In:


Leave a Reply