Open Overlay: Add an Accessible Accessibility Panel via Web Component

Open Overlay: a vanilla JavaScript Web Component that adds an accessibility settings widget to any HTML page.

Features:

• Text size controls
• Contrast modes
• Dyslexia-friendly font option
• Line height and letter spacing controls
• Grayscale, saturation, and color vision filters
• Reading guide
• Focus, heading, and link highlighting
• Text-to-speech
• Chrome Prompt API support for alt text and plain language

Good for static sites, documentation pages, blogs, and content-heavy projects that need user-controlled accessibility tools.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo