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.

Rakesh Mali

<p><strong>AccessKit</strong> adds a floating accessibility toolbar to your WordPress site that lets visitors adapt the page to their needs — bigger text, dyslexia-friendly fonts, high contrast, link highlighting, screen reading, and more.</p>
<p>Unlike popular paid alternatives that load scripts from external servers and charge per site, this plugin runs entirely on your own hosting. Nothing phones home, nothing tracks your users, no annual subscription.</p>
<h4>13 built-in accessibility features</h4>
<ul>
<li><strong>Bigger Text / Smaller Text</strong> — five-step font scaling</li>
<li><strong>Text Spacing</strong> — wider letter and word spacing</li>
<li><strong>Line Height</strong> — increased line spacing for easier reading</li>
<li><strong>Dyslexia Friendly</strong> — switches fonts to a dyslexia-friendly stack</li>
<li><strong>ADHD Mode</strong> — focus reading strip that follows the cursor</li>
<li><strong>Saturation</strong> — two levels of reduced colour intensity</li>
<li><strong>Invert Colors</strong> — full page colour inversion</li>
<li><strong>Highlight Links</strong> — yellow background on every link</li>
<li><strong>Text To Speech</strong> — reads page text aloud (uses browser Web Speech API)</li>
<li><strong>Cursor</strong> — enlarged cursor for low-vision users</li>
<li><strong>Pause Animation</strong> — stops CSS animations and video</li>
<li><strong>Hide Images</strong> — visually hides images while keeping layout</li>
</ul>
<h4>Why this plugin</h4>
<ul>
<li><strong>Truly free, no upsells.</strong> Every feature is in the free version. No locked premium tier.</li>
<li><strong>No third-party scripts.</strong> Everything runs from your own server. Audit-friendly.</li>
<li><strong>Privacy-respecting.</strong> No tracking, no analytics, no cookies, no external requests.</li>
<li><strong>Lightweight.</strong> Under 30 KB total. Loads asynchronously, won’t impact Core Web Vitals.</li>
<li><strong>Brand-customisable.</strong> WordPress colour pickers for the launcher, panel, and reset button.</li>
<li><strong>Compliance-friendly.</strong> Helps with WCAG 2.1 AA, ADA, EAA, Section 508, and GIGW user-adaptation requirements.</li>
<li><strong>Translation-ready.</strong> Fully internationalised. POT file included.</li>
</ul>
<h4>How visitors use it</h4>
<p>A floating launcher pill sits in the bottom-left (or bottom-right) of every page. Clicking it opens a panel with the 13 feature cards. Visitor preferences are saved in their browser’s localStorage so settings persist across pages and visits.</p>
<p>The panel can also be opened with the keyboard shortcut <strong>Ctrl+F2</strong>.</p>
<h4>Customisation options</h4>
<ul>
<li><strong>Appearance tab</strong> — brand colour, panel background, reset button colour, position, launcher title text</li>
<li><strong>Features tab</strong> — enable or disable any of the 13 feature cards individually</li>
<li><strong>Advanced tab</strong> — exclude on specific pages by ID or slug, append custom CSS overrides</li>
</ul>
<h4>What this plugin does NOT do</h4>
<p>This is an accessibility <em>adaptation widget</em>, not an automated WCAG audit. It helps visitors customise how your site looks and behaves, but does not fix underlying semantic HTML issues. For full WCAG conformance you also need proper headings, alt text, ARIA labels, focus indicators, and keyboard navigation in your theme. Run a tool like axe DevTools or WAVE to identify those issues separately.</p>


AccessKit – Accessibility Options Toolbar

A self-contained accessibility options toolbar with 13 features. No third-party scripts, no external API calls, no subscriptions.

A11yKit Accessibility vs AccessKit – Accessibility Options Toolbar