d2itechnology

D2i Accessibility Toolkit 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.
<blockquote>
Important notice: This plugin helps users customise their browsing experience. It does not 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.
</blockquote>
<h4>Features</h4>
<ul>
<li>Contrast modes — Dark, Light, High Contrast (cycle through)</li>
<li>Highlight Links — high-visibility outlines and backgrounds on all links</li>
<li>Bigger Text — 100 % → 120 % → 140 % → 160 % → 180 % → 200 % (rem-based, reflows correctly)</li>
<li>Text Spacing — 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>Pause Animations — stops CSS animations/transitions; pauses <code><video autoplay></code>; respects <code>prefers-reduced-motion</code> automatically</li>
<li>Hide Images — hides img/picture/SVG; injects alt text as visible text nodes</li>
<li>Dyslexia Friendly — applies OpenDyslexic font (bundled locally, no CDN), increases line-height and letter-spacing</li>
<li>Big Cursor — 64 px white or black cursor SVG, locally bundled</li>
<li>Line Height — Default → 1.5 → 1.75 → 2.0 → 2.5</li>
<li>Text Alignment — Default → Left → Centre → Right (justify excluded per WCAG 1.4.8)</li>
<li>Reset All — one click restores defaults, clears LocalStorage</li>
</ul>
<h4>Compliance support</h4>
The widget provides user-facing adjustments that support meeting:
<ul>
<li>WCAG 2.1 Level AA (all applicable SCs)</li>
<li>WCAG 2.2 new SCs (2.4.11 Focus Not Obscured, 2.5.8 Target Size ≥ 44 × 44 px, 3.2.6 Consistent Help)</li>
<li>ADA Title II / III</li>
<li>Section 508 Refresh</li>
<li>EN 301 549</li>
</ul>
<h4>Privacy</h4>
<ul>
<li>No external requests — all fonts, cursors, and icons are bundled locally</li>
<li>No tracking, no analytics, no phone-home</li>
<li>User preferences are stored in browser LocalStorage only — no cookies, no database writes</li>
</ul>
<h4>Widget accessibility</h4>
The widget itself is fully accessible:
<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..

WebToffee

Lorna Timbah

CookieYes

AccessiYes Accessibility Widget is a free, lightweight, and user-friendly plugin that adds an accessibility overlay to your WordPress website.
The accessibility widget provides tools to help your site better align with accessibility standards such as the Web Content Accessibility Guidelines (WCAG) 2.1 AA, as well as accessibility laws like the Americans with Disabilities Act (ADA) and the European Accessibility Act (EAA).
With just a few clicks, your website visitors can customise font size, color contrast, spacing, and more to create a browsing experience that fits their accessibility needs.
Disclaimer:
AccessiYes Accessibility Widget is intended to support your accessibility efforts. It does not guarantee conformance with WCAG or compliance with laws such as the ADA, EAA, or other regulations. Full compliance may still require a comprehensive audit and remediation.
<h3>Why accessibility matters</h3>
Over 1 billion people globally live with some form of disability. This makes web accessibility essential to ensure your content is usable for everyone, including those with visual, cognitive, motor, and neurological impairments.
With WordPress powering over 43% of all websites in 2026, improving accessibility on WordPress sites can make a big difference in creating a more inclusive web.
AccessiYes Accessibility Widget helps you take a step in that direction by giving visitors simple tools to adjust how your WordPress website looks and behaves based on their needs.
<h3>Features</h3>
<h4>Content adjustments</h4>
<ul>
<li>Font size controls: Enable users to adjust the font size for enhanced readability.</li>
<li>Highlight title: Emphasise page titles to aid scanning and comprehension.</li>
<li>Highlight features: Highlight all links and/or page titles for easier scanning and focus.</li>
<li>Dyslexia-friendly fonts: Let users switch to high-legibility fonts for better cognitive accessibility.</li>
<li>Font weight control: Bolden text across your site to increase contrast and visibility.</li>
<li>Letter spacing & line height adjustments: Enable precise control over text layout to support users with dyslexia or reading challenges.</li>
<li>Text alignment: Align all content to the left or right for a consistent reading experience.</li>
</ul>
<h4>Color adjustments</h4>
<ul>
<li>Contrast modes: Includes Dark Mode, Light Mode, and High Contrast for visual comfort.</li>
<li>Saturation options: Allow users to toggle between low saturation, high saturation, and monochrome (grayscale) views.</li>
</ul>
<h4>Navigation adjustments</h4>
<ul>
<li>Reading guide: A horizontal guide that helps users track lines of text while reading.</li>
<li>Pause animations: Let users pause animations or motions that could be distracting or trigger discomfort.</li>
<li>Big cursor: Increase cursor size and contrast for better navigation visibility.</li>
<li>Keyboard shortcut: Let visitors open the accessibility widget with the Option+A keyboard shortcut for quicker, mouse-free access.</li>
<li>Page reader: Let visitors have page content read aloud for a more accessible browsing experience.</li>
<li>Mute sounds: Allow users to mute all sounds on the page to reduce distractions.</li>
</ul>
<h4>Accessibility profiles</h4>
<ul>
<li>Preset accessibility profiles: Let visitors apply pre-configured combinations of accessibility settings tailored to common needs, such as visual, cognitive, or motor impairments, with a single click.</li>
</ul>
<h4>Accessibility statement</h4>
<ul>
<li>Create an accessibility statement: Generate your website accessibility statement inside the tool and display it in the widget.</li>
<li>Link an existing statement: Connect your existing accessibility statement or VPAT and display it within the widget.</li>
</ul>
<h4>Widget customisation</h4>
<ul>
<li>Customise widget options: Choose which accessibility features appear in the widget for your front-end visitors. Enable or disable individual modules across Content, Colour, and Navigation adjustments from the new Modules tab, so the widget only surfaces the options that matter to your audience.</li>
</ul>
Need help? Write to us at support@cookieyes.com with a quick note in the subject line: CookieYes Accessibility Widget
Got feedback about the plugin? We’d love to hear it! Drop us a line at support@accessiyes.com.
Note: AccessiYes is a standalone accessibility widget developed by CookieYes. It’s a separate tool designed to work independently from the CookieYes platform.

AccessiYes Accessibility Widget for ADA, EAA & WCAG Readiness

Free WordPress accessibility widget to improve accessibility for your website visitors. Supports efforts towards meeting WCAG, ADA & EAA requirements.

D2i Accessibility Toolkit vs AccessiYes Accessibility Widget for ADA, EAA & WCAG Readiness