ablewidget

Matthew Chambers

<p>AbleWidget adds a fully-featured WCAG 2.1 AA accessibility toolbar to every page of your WordPress site. Once activated, visitors can customise their browsing experience with features including:</p>
<ul>
<li>Text size adjustment</li>
<li>High contrast, dark mode, and light mode</li>
<li>Dyslexia-friendly font</li>
<li>Enlarged cursor</li>
<li>Focus highlighting</li>
<li>Screen reader guidance</li>
</ul>
<p><strong>No code required.</strong> Install the plugin, tick “Enable widget” in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> AbleWidget, and the toolbar appears on your site immediately. Your licence is verified automatically by domain — there is no API key to copy and paste.</p>
<h4>Subscription required</h4>
<p>An active AbleWidget subscription is required for the widget to display. This plugin is free to install but will not function without a licence.</p>
<p>Plans are available at <a href="https://ablewidget.com/get-started.php" rel="nofollow ugc">ablewidget.com</a>:</p>
<ul>
<li><strong>Starter</strong> — £120/yr, 1 domain</li>
<li><strong>Enterprise</strong> — £250/yr, up to 5 domains, custom colour & no branding</li>
<li><strong>Agency</strong> — £699/yr, unlimited domains</li>
</ul>
<h4>Privacy</h4>
<p>When the widget is enabled, your site loads a JavaScript file from <code>ablewidget.com</code>. The request includes your site’s domain name, which is used to verify your licence. No personally identifiable information about your visitors is transmitted to AbleWidget servers. See the <a href="https://ablewidget.com/cookie-policy.php" rel="nofollow ugc">AbleWidget privacy policy</a> for full details.</p>
<h3>External Services</h3>
<p>This plugin loads a JavaScript file from an external server when the widget is enabled:</p>
<p><strong>Service:</strong> AbleWidget (https://ablewidget.com)<br />
<strong>When it is used:</strong> On every front-end page load when the widget is enabled in settings.<br />
<strong>What is transmitted:</strong> Your site’s domain name, used to verify your active subscription. No visitor PII is transmitted.<br />
<strong>Service terms:</strong> https://ablewidget.com<br />
<strong>Privacy policy:</strong> https://ablewidget.com/cookie-policy.php</p>


AbleWidget — Accessibility Toolbar

Add the AbleWidget WCAG 2.1 AA accessibility toolbar to your WordPress site. Requires an active AbleWidget subscription.

Md. Shahinur Islam

<p><strong>A11yKit Accessibility</strong> is a comprehensive accessibility solution designed to enhance usability and ensure compliance with <strong>WCAG 2.1 standards</strong> — without requiring any theme modifications.</p>
<p>Built for developers, agencies, and site owners, A11yKit makes it easy to create inclusive, user-friendly websites that are accessible to everyone, including users with disabilities.</p>
<p>🚀 <strong>Upgrade to PRO:</strong><br />
Unlock advanced features and premium support:</p>
<p>👉 * <a href="https://mdshahinurislamm.github.io/wp-accessibility-suite/" rel="nofollow ugc">A11yKit Accessibility PRO</a></p>
<p>🎯 <strong>Why choose A11yKit?</strong><br />
– Improve accessibility instantly<br />
– No coding required<br />
– Lightweight and performance-friendly<br />
– Fully customizable<br />
– Works with any WordPress theme</p>
<h3>Features</h3>
<h3>🎛️ Floating Accessibility Toolbar</h3>
<ul>
<li>Flexible positioning (top/bottom, left/right)</li>
<li>Custom color schemes</li>
<li>Enable/disable individual tools</li>
</ul>
<h3>🔗 Skip Navigation Links</h3>
<ul>
<li>Skip to content, navigation, and footer</li>
<li>Customizable labels</li>
<li>Focus-only or always-visible options</li>
</ul>
<h3>🎯 Focus Management</h3>
<ul>
<li>Custom focus styles (color, width, type)</li>
<li>Prevents removal of focus outlines for better keyboard navigation</li>
</ul>
<h3>🔠 Font Resizer</h3>
<ul>
<li>Increase, decrease, and reset font sizes</li>
<li>Configurable limits and step values</li>
<li>User preferences saved locally</li>
</ul>
<h3>🎨 Contrast & Color Modes</h3>
<ul>
<li>High Contrast Mode</li>
<li>Dark Mode</li>
<li>Grayscale Mode</li>
<li>Inverted Colors</li>
</ul>
<h3>🔍 Link Accessibility Enhancements</h3>
<ul>
<li>Highlight and underline links</li>
<li>External link indicators (<span aria-hidden="true" class="wp-exclude-emoji">↗</span> icon with ARIA support)</li>
<li>Screen reader-friendly new tab warnings</li>
<li>Improved “Read More” link descriptions</li>
</ul>
<h3>🖼️ Image Accessibility Tools</h3>
<ul>
<li>Detect missing ALT attributes in admin</li>
<li>Enforce proper use of decorative image ALT tags</li>
</ul>
<h3>⌨️ Keyboard Navigation Support</h3>
<ul>
<li>Improved menu navigation using arrow keys</li>
<li>Automatic tabindex corrections</li>
</ul>
<h3>🧭 ARIA & Landmark Support</h3>
<ul>
<li>Automatic landmark roles (main, navigation, footer)</li>
<li>Page load announcements for screen readers</li>
<li>Table accessibility improvements (scope attributes)</li>
</ul>
<h3>📖 Reading & Dyslexia Tools</h3>
<ul>
<li>Reading guide (focus line)</li>
<li>Dyslexia-friendly font (OpenDyslexic via CDN)</li>
<li>Large cursor option</li>
</ul>
<h3>🎞️ Motion Control</h3>
<ul>
<li>Reduce motion mode (disables animations and transitions)</li>
</ul>
<h3>🛠️ Admin Accessibility Checks</h3>
<ul>
<li>Heading structure analysis</li>
<li>Missing ALT text alerts</li>
</ul>
<p>🎥 <strong>Demo Video:</strong></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/-W6YllQrS4M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>


A11yKit Accessibility

A powerful, all-in-one WordPress accessibility plugin to help your website meet WCAG guidelines and provide an inclusive user experience.

AbleWidget — Accessibility Toolbar vs A11yKit Accessibility