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.

willreekie80

<p>Accessibility Helper is a WordPress plugin designed to make your website more accessible for everyone. It provides an easy-to-use panel that lets visitors adjust font size, switch to a dyslexia-friendly font, hear image descriptions read aloud, and apply color schemes for common types of color blindness — all with customizable colors and styles to match your site’s branding.</p>
<h3>Features</h3>
<ul>
<li><strong>Font Size Control:</strong> Visitors can scale text up or down for better readability.</li>
<li><strong>Readable Font:</strong> Switch to the Open Dyslexic font for easier reading.</li>
<li><strong>Image Alt Text Reader:</strong> Hovering over images reads out their alt text.</li>
<li><strong>Color Filters:</strong> Apply brightness, contrast, saturation and hue color filters, by using the sliders. Adjust to the users own preference.</li>
<li><strong>Color Blind Modes:</strong> Apply contrast schemes for Protanopia, Deuteranopia, Tritanopia and Achromatopsia.</li>
<li><strong>Fully Customizable:</strong> Adjust button colors, text colors, and panel position.</li>
<li><strong>Remembers Preferences:</strong> Uses <code>localStorage</code> to remember user settings.</li>
<li><strong>Lightweight:</strong> Loads only what’s needed, and works on any theme.</li>
<li><strong>Keyboard Shortut:</strong> Pressing ALT, SHIFT and A will open the panel.</li>
</ul>
<h3>How It Works</h3>
<ul>
<li>The plugin wraps your page content in a container that scales with the font size controls.</li>
<li>The panel is positioned in one of four corners based on your admin settings.</li>
<li>The dyslexic font is loaded via internal files.</li>
<li>For screen readers and visual aid, the alt text reader uses <code>speechSynthesis</code> to speak out image descriptions on hover.</li>
<li>Color blind schemes are applied using the different sliders that adapt your theme for color blindness.  </li>
<li>There is a color contrast validation to ensure that there are no contrasting colors whilst customising the plugin between the background color, button color and text color.</li>
</ul>
<p>– First time load up, a notification pops up that mentions about using keyboard shortcode to access panel.</p>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0+ recommended</li>
<li>jQuery must be available (most themes already include it)</li>
</ul>
<h3>Known Limitations</h3>
<ul>
<li>The image alt text reader relies on the browser’s <code>speechSynthesis</code> API — supported in most modern browsers but not all.</li>
<li>The plugin applies a page wrapper (<code>#accessibility-page-wrapper</code>) for scaling — very rare conflicts could occur if your theme or other plugins rely on the same ID.</li>
</ul>
<h3>Developer Notes</h3>
<ul>
<li>Settings are stored in the WordPress options table.</li>
<li>User preferences (font scale, readable font, color blind mode, alt reader and color sliders) are saved in <code>localStorage</code> for persistence.</li>
<li>Styling is handled with a separate <code>style.css</code> file — feel free to customize it further.</li>
</ul>
<h3>Support</h3>
<p>If you find a bug, have a feature request, or need help, feel free to reach out to [will_reekie@icloud.com].</p>
<h3>Credits</h3>
<p>Open Dyslexic font by Abbie Gonzalez<br />
<a href="https://www.jsdelivr.com/" rel="nofollow ugc">jsDelivr</a></p>
<h3>License</h3>
<p>This plugin is released under the <a href="https://www.gnu.org/licenses/gpl-3.0.html" rel="nofollow ugc">GPLv3 or later</a>.</p>
<p><strong>Happy building a more inclusive web!</strong></p>


Accessibility Helper

Adds accessibility options: font size control, change font style (easier to read font), image alt text reading, color blind options, and customizable UI.

A11yKit Accessibility vs Accessibility Helper