Midgardsson Accessibility Toolkit
Make your WordPress website accessible to all users with this comprehensive accessibility toolkit. Perfect for improving inclusivity and meeting WCAG 2.1 Level AA compliance standards.
Key Features
🔤 Font Size Control Increase, decrease, or reset font size with easy-to-use buttons. Maximum font size limit prevents layout issues while ensuring readability.
📖 Dyslexia-Friendly Font Toggle OpenDyslexic font instantly across your entire site. The embedded font improves readability for users with dyslexia without external requests.
🌙 Dark Mode Material Design standard dark mode (#121212 background) with customizable colors and adjustable opacity. Reduces eye strain during extended reading sessions.
⚫⚪ High Contrast Mode WCAG AAA compliant high contrast mode with black background and yellow text. Enhances visibility for users with visual impairments.
📍 Flexible Widget Positioning Choose from four positioning modes: * Floating: Circular button positioned anywhere (customizable px/%) * Edge Left: Rectangle button attached to left edge * Edge Right: Rectangle button attached to right edge * Edge Bottom: Rectangle button attached to bottom edge
🌍 Translation Ready Fully internationalized with WordPress i18n standards. English included, easy to add your language.
Accessibility Standards
- WCAG 2.1 Level AA compliant
- Keyboard navigation support
- ARIA labels and roles
- Focus management
- High contrast mode meets WCAG AAA standards
Performance
- Lightweight CSS and JavaScript
- Embedded font files (no external requests)
- LocalStorage with cookie fallback
- Efficient DOM manipulation
- No impact on page load times
User-Friendly
All user preferences are automatically saved and restored on subsequent visits using browser storage.
Configuration
After activation, navigate to Settings → Accessibility Toolkit:
Widget Position Settings * Choose positioning mode (Floating, Edge Left, Edge Right, Edge Bottom) * Set precise offsets using pixels or percentages * Configure maximum font size limit
Dark Mode Settings * Customize background color (default: #121212) * Set text color (default: #ffffff) * Adjust background opacity (0.0 – 1.0)
High Contrast Settings * Customize background color (default: #000000) * Set text color (default: #ffff00)
Technical Details
Browser Compatibility * Chrome, Firefox, Safari, Edge (latest versions) * Mobile browsers (iOS Safari, Chrome Mobile) * Touch-friendly interface
Requirements * WordPress 5.0 or higher * PHP 7.0 or higher * jQuery (included with WordPress)
File Structure * Clean, organized codebase * Follows WordPress coding standards * Security best practices (nonces, escaping, sanitization) * Translation ready
Support
For support, feature requests, or bug reports: * GitHub: https://github.com/Midgardsson/wp-accessibility-plugin/issues * WordPress.org Support Forum
Credits
- OpenDyslexic font by Abelardo Gonzalez
- Material Design color standards by Google
- WCAG guidelines by W3C
- Developed by Midgardsson
Privacy
This plugin stores user accessibility preferences locally in the browser using: * localStorage (primary method) * Cookies (fallback method)
No data is sent to external servers. All preferences remain on the user’s device.