JS Website Accessibility – Readabler
Readabler is an accessibility Script that expands the boundaries of data accessibility for individuals with particular portability. The script can be utilized on common HTML web sites and on totally different CMS-based websites. The availability of content material for individuals with particular wants or difficulties with the notion of data is a very powerful a part of every website’s operation.
According to the World Health Organization analysis: globally, 1 billion individuals have a imaginative and prescient impairment that might have been prevented or has but to be addressed.
These 1 billion individuals embody these with average or extreme distance imaginative and prescient impairment or blindness resulting from unaddressed refractive error (123.7 million), cataract (65.2 million), glaucoma (6.9 million), corneal opacities (4.2 million), diabetic retinopathy (3 million), and trachoma (2 million), in addition to close to imaginative and prescient impairment attributable to unaddressed presbyopia (826 million).
The Readabler accessibility script will make publications in your web site accessible to individuals with notion issues, cognitive impairments, listening to or imaginative and prescient impairments.
The Readabler is a light-weight and highly effective resolution for growing the accessibility of content material on any web site. The script is simple to implement and able to use after just a few easy steps. It works rapidly in any trendy browser, each on a cellular system, laptop computer, and desktop laptop.
The script gives a variety of parameters to handle the settings that shall be used in your website. Simultaneously, the script has 5 pre-installed profiles that may enhance the accessibility of your website for individuals with Epilepsy, Visual Impaired, Cognitive Disability, ADHC, and likewise partially or utterly blind.
Voice Navigation
Voice navigation empowers your web site guests to effortlessly steer their on-line experiences by way of intuitive voice instructions, offering a seamless and user-friendly approach to work together along with your website.
The versatility of our voice interface is aware of no bounds, because it seamlessly accommodates a number of languages to cater to a worldwide viewers. We’ve gone the additional mile by meticulously translating all instructions into essentially the most broadly spoken languages, making certain that customers from numerous cultural backgrounds can effortlessly talk along with your web site of their most popular tongue. This inclusive method opens up new horizons for person engagement and accessibility, making your platform really inclusive and user-centric.
Readable Experience
One of the primary options of the script is to enhance the readability of textual content content material. To resolve this downside, the script has settings for scaling the complete web page or just some kinds of check, for instance, a heading or plain textual content. Also vital for readability are the settings for growing line and letter spacing, altering all texts’ alignment.
For individuals who discover it tough to learn textual content written in calligraphic or sans fonts, the plugin gives a mode for altering the font on the complete website to readable or to a font for individuals who have Dyslexia.
Of course, an vital a part of any website is interplay with the web page, for which the script gives modes for highlighting texts and titles and a magnifier that enlarges the textual content whenever you hover the mouse cursor over it.
Visually Pleasing
For individuals with visible impairments, the script gives a gaggle of settings to optimize the looks of the complete web page or particular person components on the web page.
In addition to the standard brightness, saturation, and distinction management modes, the script will make the positioning monochrome in black-white mode.
And the change within the coloration of fonts and backgrounds makes out there textual content that within the regular mode couldn’t be readable or not noticeable and enhance the accessibility of content material on the web page.
Ease of Orientation
A big group of settings to enhance the positioning Accessibility for individuals with orientation problems. The Readabler mechanically analyzes the web page at load time and creates an inventory of all hyperlinks on the web page in order that a number of hyperlinks don’t go unnoticed or inaccessible for any purpose.
One of the vital settings on this group permits you to flip off something that may flicker or blink, akin to movies, CSS animations, and animated GIF photographs.
Large cursors in black and white can be found within the script to facilitate mouse navigation. Several modes for improved choice of objects on hover and focus and mode for controlling the web page from the keyboard.
For individuals who can’t use the keyboard to sort the check textual content, we have now added a full digital keyboard to the script. It is an on-screen keyboard with which you’ll enter textual content utilizing manipulators akin to a mouse or touchpad.
Text to Speech of Readabler accessibility script
An vital setting for visually impaired individuals is the popularity and sounding of textual content on the web page. The function is supplied by Web Speech API and helps greater than 60 languages and voices.
All you want to do to listen to the textual content from the web page is activate the mode within the settings and choose the textual content.
Online Dictionary
For individuals with reminiscence difficulties or forgetting to outline issues and ideas, we added Wikipedia to the script. To entry the massive data base of Wikipedia, you simply must open the accessibility management panel and write a phrase to make clear the that means within the search discipline. In just a few seconds, Wikipedia will present all the pieces it is aware of about this factor or idea. And all this occurs with out leaving your website and the comfy ambiance of accessibility that the person has arrange for himself.
Privacy
An vital a part of that is that person preferences are saved after leaving the positioning. This signifies that you don’t have so as to add something new to your website’s Privacy Policy and Data Protection Policy and stay suitable with GDPR, CCPA.
Key Features of the Readabler Accessibility Script
- Flexible accessible settings set
- Draggable accessibility window
- Appearance animation of the accessibility button
- Flexible fashion settings of the button
- Text to speech function
- Сompatible with all CMS/non CMS web sites
- Fully suitable with HTML web sites
- 7 Positions for putting the accessibility button
- Perfect for RTL route
- Native legitimate JavaScript, with out jQuery
- Huge customization capabilities
- Beautiful trendy person Interface
- Lightweight and Fast
- Compatible with all trendy browsers
- Easy to make use of and customise
- Installation information
- Detailed customers guide
- Six months included assist for CodeCanyon patrons
Important!!!
Please notice earlier than buying that this product will not be a SDK or a some type of Framework and doesn’t permit the shopper to vary the script logic or re-branding product. But buyer can customise script behaviour by options
Contact support in the event you curiosity in SDK on your mission
Learn extra in regards to the script and how one can configure it from the Online Documentation.
Changelog
1.7 - 21 March 2024 Added Cognitive Reading Mode Added Voice Navigation Mode Added Language Switcher and translation information for 23 languages Added multilang assist for Text to Speech Added Reading Mask scale buttons Added `disableOnMobile` possibility Fixed Font Sizing mode for sophisticated HTML markup Fixed WCAG accessibility points within the UI Fixed few browser compatibility points Moved to the brand new setting saving mechanism
1.6 - 5 May 2023 Added a number of voice choice for textual content to speech voice choice
1.5 - 18 February 2023 To the bundle added demo web page Dyslexic font assist prolonged for Greek, Cyrillic and Arabic glyphs
1.4 - 8 September 2022 Fixed playback of the self-hosted video after disabling Stop Animation mode
1.3 - 8 September 2022 Fixed playback of the self-hosted video if the video loaded after the web page load
1.2 - 6 June 2022 Fixed sidebar alignment for the off-canvas structure
1.1 - 2 June 2022 Added off-canvas and slide-in template for accessibility window Added supported languages setting
1.0 - 2 May 2022 Initial launch
