Modern Accessibility Widget for WordPress
Improve website accessibility with a lightweight floating widget featuring text resizing, high contrast mode, grayscale filters, readable typography, and enhanced navigation support.
- Dynamic Text Resize
- High Contrast Mode
- Grayscale Mode
- Highlight Links
- Readable Font
- Responsive Floating Panel
- Lightweight & Optimized
- No External Dependencies
- Vanilla JavaScript
- Layout-Safe Typography Scaling
Copy the code into your active theme:
functions.phpCreate a plugin folder:
wp-content/plugins/tp-accessibility-widget/Place the PHP file inside the folder and activate it from the WordPress dashboard.
| Feature | Description |
|---|---|
| Text Resize | Increase or decrease font sizes safely |
| High Contrast | Improve readability for visually impaired users |
| Grayscale | Reduce color distractions |
| Highlight Links | Easier website navigation |
| Readable Font | Replace decorative fonts with accessible typography |
Optimized for:
- Desktop
- Tablet
- Mobile Devices
- Pure Vanilla JavaScript
- No jQuery Required
- Lightweight CSS
- Minimal DOM Manipulation
- Optimized Rendering
This widget is designed to support:
- WCAG-inspired usability improvements
- Better readability
- Visual accessibility
- Inclusive user experience
- PHP
- CSS3
- JavaScript
- WordPress Hooks API
Current Version:
v1.0.0Released under the MIT License.
Creative Developer & Accessibility Enthusiast
Instagram: https://www.instagram.com/andikaprasetyawan/
If you find this project useful:
- Give this repository a star
- Fork the project
- Share with developers
- Contribute improvements
- Keyboard Navigation
- Screen Reader Enhancements
- Dark Mode
- Voice Navigation
- Accessibility Profiles
- Local Storage Preferences
- Multilingual Support