Everything you need
Powerful features packed into a tiny, privacy-first bundle.
Isolated Styling
Renders perfectly inside a Shadow DOM, guaranteeing it will never conflict with your site's CSS.
Zero Dependencies
No frameworks, no massive bundles. Just clean vanilla Javascript and CSS optimized for speed.
Privacy First
We don't track your users. All preferences are saved securely in local storage on the user's device.
Customizable
Easily match your brand by customizing the widget's position and accent color via HTML attributes.
Keyboard Accessible
Fully operable via keyboard. Tab through all features smoothly with visible focus rings.
Screen Reader Optimized
Built with ARIA labels and semantic HTML to ensure compatibility with screen readers.
Install in seconds
Customize the widget to match your brand, then copy the snippet and paste it into your HTML.
Configuration
index.html
<script src="https://accessibility.dippan.com.np/accessibility.js" defer></script>
Disclaimer: This widget provides user-facing tools to adjust their viewing experience (like contrast, font size, and reading masks). It does not automatically fix underlying WCAG compliance issues on your website. For full accessibility compliance, a manual audit of your source code is still required.
Who made this?
Dippan Bhusal
Creator & Developer