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.