The Accessibility Widget is a user interface component that enhances the accessibility of a web page by providing various accessibility options to users. It includes features such as font size adjustment, letter spacing, dyslexic font, cursor size, link highlighting, heading highlighting, line height adjustment, contrast adjustment, and more.
The Accessibility Widget offers the following features:
Increase or decrease the font size of the web page content.
Adjust the spacing between letters for improved readability.
Enable a dyslexic-friendly font to improve readability for individuals with dyslexia.
Increase the size of the mouse cursor for better visibility.
Highlight links on the page to make them more noticeable.
Highlight headings to improve navigation and readability.
Adjust the line height for better spacing between lines of text.
Enhance the contrast between text and background for improved legibility.
To use the Accessibility Widget, follow these steps:
- Include the JavaScript code and CSS styles in your web page.
- Create an HTML container element to hold the widget.