d2itechnology

<p><strong>D2i Accessibility Toolkit</strong> injects a floating accessibility panel into the front-end of any WordPress site. Visitors can activate assistive adjustments in a single click without needing to change their browser or operating system settings.</p>
<blockquote>
<p><strong>Important notice:</strong> This plugin helps users customise their browsing experience. It does <strong>not</strong> automatically make your website fully compliant with WCAG, ADA, Section 508, or EN 301 549. Website owners remain responsible for ensuring their content (semantic HTML, image alt text, captions, heading structure, and color contrast in their own designs) meets applicable standards.</p>
</blockquote>
<h4>Features</h4>
<ul>
<li><strong>Contrast modes</strong> — Dark, Light, High Contrast (cycle through)</li>
<li><strong>Highlight Links</strong> — high-visibility outlines and backgrounds on all links</li>
<li><strong>Bigger Text</strong> — 100 % <span aria-hidden="true" class="wp-exclude-emoji">→</span> 120 % <span aria-hidden="true" class="wp-exclude-emoji">→</span> 140 % <span aria-hidden="true" class="wp-exclude-emoji">→</span> 160 % <span aria-hidden="true" class="wp-exclude-emoji">→</span> 180 % <span aria-hidden="true" class="wp-exclude-emoji">→</span> 200 % (rem-based, reflows correctly)</li>
<li><strong>Text Spacing</strong> — applies WCAG 1.4.12 exact values (line-height 1.5, letter-spacing 0.12 em, word-spacing 0.16 em, paragraph spacing 2 em)</li>
<li><strong>Pause Animations</strong> — stops CSS animations/transitions; pauses <code><video autoplay></code>; respects <code>prefers-reduced-motion</code> automatically</li>
<li><strong>Hide Images</strong> — hides img/picture/SVG; injects alt text as visible text nodes</li>
<li><strong>Dyslexia Friendly</strong> — applies OpenDyslexic font (bundled locally, no CDN), increases line-height and letter-spacing</li>
<li><strong>Big Cursor</strong> — 64 px white or black cursor SVG, locally bundled</li>
<li><strong>Line Height</strong> — Default <span aria-hidden="true" class="wp-exclude-emoji">→</span> 1.5 <span aria-hidden="true" class="wp-exclude-emoji">→</span> 1.75 <span aria-hidden="true" class="wp-exclude-emoji">→</span> 2.0 <span aria-hidden="true" class="wp-exclude-emoji">→</span> 2.5</li>
<li><strong>Text Alignment</strong> — Default <span aria-hidden="true" class="wp-exclude-emoji">→</span> Left <span aria-hidden="true" class="wp-exclude-emoji">→</span> Centre <span aria-hidden="true" class="wp-exclude-emoji">→</span> Right (justify excluded per WCAG 1.4.8)</li>
<li><strong>Reset All</strong> — one click restores defaults, clears LocalStorage</li>
</ul>
<h4>Compliance support</h4>
<p>The widget provides user-facing adjustments that support meeting:</p>
<ul>
<li><strong>WCAG 2.1 Level AA</strong> (all applicable SCs)</li>
<li><strong>WCAG 2.2</strong> new SCs (2.4.11 Focus Not Obscured, 2.5.8 Target Size ≥ 44 × 44 px, 3.2.6 Consistent Help)</li>
<li><strong>ADA Title II / III</strong></li>
<li><strong>Section 508 Refresh</strong></li>
<li><strong>EN 301 549</strong></li>
</ul>
<h4>Privacy</h4>
<ul>
<li><strong>No external requests</strong> — all fonts, cursors, and icons are bundled locally</li>
<li><strong>No tracking, no analytics, no phone-home</strong></li>
<li>User preferences are stored in <strong>browser LocalStorage</strong> only — no cookies, no database writes</li>
</ul>
<h4>Widget accessibility</h4>
<p>The widget itself is fully accessible:</p>
<ul>
<li>All controls are semantic <code><button></code> elements</li>
<li>Color contrast ≥ 4.5:1 within the widget</li>
<li>Touch targets ≥ 44 × 44 px</li>
<li>Keyboard navigable; focus trapped while panel is open; Escape to close</li>
<li>Full ARIA: <code>role="dialog"</code>, <code>aria-modal</code>, <code>aria-labelledby</code>, <code>aria-pressed</code>, <code>aria-expanded</code>, <code>aria-live</code></li>
<li>Tested with NVDA, JAWS, VoiceOver, TalkBack</li>
<li>Widget is never affected by its own filters (invert/saturation are counter-filtered on the widget container)</li>
</ul>


D2i Accessibility Toolkit

Floating accessibility widget with one-click WCAG 2.1/2.2, ADA, Section 508 & EN 301 549 adjustments. Free, no upsells, no external requests..

merkulove

<p>The Readabler Accessibility Assistant WordPress plugin is a robust tool designed to enhance website accessibility through AI-driven features. Seamlessly integrated into your WordPress site, it supports compliance with key accessibility standards, including WCAG 2.1, ADA, Section 508, EAA, and more. As part of the broader Readabler platform, it empowers website owners to create more inclusive digital experiences—particularly for users with visual impairments, cognitive challenges, reading difficulties, and a variety of other accessibility needs. Reviewed and approved by the Readabler team, this plugin is a powerful addition to any WordPress site.</p>
<p>Visit <a href="https://ai.readabler.com/" rel="nofollow ugc">live demo</a> to see the plugin in action.</p>
<h3>Core Features & Capabilities</h3>
<h4>🧠 AI-Powered Text-to-Speech (TTS)</h4>
<ul>
<li>Uses advanced AI neural networks to deliver natural-sounding speech from on-page content.</li>
<li>Supports multilingual voices, with various accents and gender choices.</li>
<li>Reads not just plain text, but also dynamic content, forms, and UI elements, enhancing usability for blind and visually impaired users.</li>
</ul>
<h4>🧩 Accessibility Widget Interface</h4>
<ul>
<li>Embeds a fully customizable accessibility widget on your site.</li>
<li>Users can activate profiles like “Visually Impaired,” “Cognitive Disabilities,” “ADHD,” or “Epilepsy Safe Mode” with one click.</li>
<li>The widget is fully responsive and mobile-friendly, adapting to any screen size.</li>
</ul>
<h4>🎨 Visual & Reading Adjustments</h4>
<ul>
<li>Font scaling (increase/decrease text size)</li>
<li>Line spacing, letter spacing, and word spacing customization</li>
<li>Changeable fonts, including dyslexia-friendly options</li>
<li>High contrast, low saturation, grayscale, inverted colors, brightness controls</li>
<li>Focus highlight and mouse pointer customization</li>
</ul>
<h4>🔎 Orientation & Navigation Aids</h4>
<ul>
<li>On-screen keyboard and screen ruler</li>
<li>Magnifier tool for enlarging portions of the screen</li>
<li>Focus enhancements for better navigation</li>
<li>Real-time highlighting of headers, links, and interactive elements</li>
</ul>
<h3>Seamless WordPress Integration</h3>
<ul>
<li>Easy setup with no coding required</li>
<li>Designed to work with major WordPress themes and page builders (e.g., Elementor, WPBakery, Gutenberg)</li>
<li>Loads asynchronously for fast performance and doesn’t interfere with other site scripts</li>
<li>Compliant with major accessibility guidelines: WCAG 2.1, ADA, Section 508, EAA, and more</li>
</ul>
<h3>Minimum Requirements</h3>
<ul>
<li>WordPress 6.7 or greater</li>
<li>PHP version 7.4 or greater</li>
<li>MySQL version 5.0 or greater</li>
</ul>
<h3>Recommended Hosting Requirements</h3>
<ul>
<li>WordPress 6.8 or greater</li>
<li>PHP version 8.2 or greater</li>
<li>MySQL version 8.0 or greater OR MariaDB version 10.4 or greater.</li>
<li>Nginx or Apache with mod_rewrite module</li>
<li>WordPress Memory limit of 64 MB or greater (128 MB or higher is preferred)</li>
<li>HTTPS support</li>
</ul>
<h3>Resources</h3>
<ul>
<li><a href="https://account.readabler.com/dashboard," title="Readabler Dashboard" rel="nofollow ugc">Accessibility Dashboard</a></li>
<li><a href="https://account.readabler.com/register," title="Create an account" rel="nofollow ugc">Create and account</a></li>
<li><a href="https://ai.readabler.com/compare/," title="Compare products" rel="nofollow ugc">Compare products</a></li>
<li><a href="https://ai.readabler.com/," title="Live Demo" rel="nofollow ugc">Live demo</a></li>
</ul>
<p>Source code is available in the /source directory of the plugin.</p>


Accessibility Assistant – Readabler

Readabler Accessibility Assistant adds AI-powered accessibility features directly to your WordPress site for a better user experience.

D2i Accessibility Toolkit vs Accessibility Assistant – Readabler