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.

Christian Boer

<p><strong>Dyslexie Font Accessibility</strong> is a comprehensive accessibility plugin that makes reading easier for people with dyslexia. The plugin adds a floating accessibility menu to your website where visitors can customize their reading experience.</p>
<h4>Features</h4>
<ul>
<li><strong>Dyslexie Font</strong> – The scientifically designed typeface that improves readability for people with dyslexia</li>
<li><strong>Apply to Body or All</strong> – Choose to apply the font only to body text or to all text including headers</li>
<li><strong>Font Size Control</strong> – Adjustable text size from 9px to 48px (default: 18px)</li>
<li><strong>Letter Spacing</strong> – Customizable letter and word spacing (0-10px)</li>
<li><strong>Line Height (Interline)</strong> – Adjustable line height from 120% to 220% (default: 165%)</li>
<li><strong>Color Selection</strong> – 10 preset text colors for optimal contrast</li>
<li><strong>Focus Mode</strong> – Immersive reader that displays page content in a clean, distraction-free overlay</li>
<li><strong>Slide Reader</strong> – Canvas-based reading tool with smooth Gaussian curve animation for guided reading</li>
</ul>
<h4>How It Works</h4>
<p>Once activated, the plugin displays an “Aa” button on the right side of your website. Visitors can click this button to open the accessibility menu and customize their reading experience. All settings are saved in the visitor’s browser, so their preferences persist across sessions.</p>
<h4>Admin Settings</h4>
<p>Website administrators can configure:</p>
<ul>
<li><strong>Default Font State</strong> – Choose whether Dyslexie Font is enabled or disabled by default for new visitors</li>
</ul>
<p>Go to <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Dyslexie Font</strong> in your WordPress admin to configure these options.</p>
<h4>About Dyslexie Font</h4>
<p>Dyslexie Font was designed by Christian Boer, a graphic designer with dyslexia. The font uses unique letter shapes to prevent confusion between similar characters, making reading easier and more enjoyable for people with dyslexia.</p>
<p>Learn more at <a href="https://www.dyslexiefont.com/" rel="nofollow ugc">dyslexiefont.com</a></p>
<h4>Requirements</h4>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>Modern browser with WOFF font support</li>
</ul>
<h3>Additional Information</h3>
<h4>Support</h4>
<p>For support, please visit <a href="https://dyslexiefont.com/en/wordpress-plugin/" rel="nofollow ugc">dyslexiefont.com</a> or contact us through the website.</p>
<h4>Credits</h4>
<ul>
<li>Dyslexie Font designed by Christian Boer</li>
<li>Plugin developed by Christian Boer and Claude code</li>
</ul>
<h3>Intellectual Property & Licensing</h3>
<p>The Dyslexie Font The Dyslexie Font files (included in the /fonts/ directory) are a proprietary typeface designed by Christian Boer. The font is protected by international copyright laws, design rights, and patent.</p>
<p>License Terms * Plugin Code: The PHP, JavaScript, and CSS code of this plugin is licensed under the GPLv2 or later.<br />
Font Files: The inclusion of the Dyslexie Font files in this plugin is for the sole purpose of providing accessibility features within the context of this WordPress plugin. Use of the font files outside of this plugin, or redistribution of the font files for other purposes, is strictly prohibited without a separate commercial license from Dyslexie Font b.v.</p>
<h4>Privacy</h4>
<p>This plugin does not collect, store, or transmit any personal data. All user preferences are stored locally in the visitor’s browser using localStorage.</p>


Dyslexie Font Accessibility

Make your website accessible for people with dyslexia with Dyslexie Font, customizable text settings, Focus Mode and Slide Reader.

A11yKit Accessibility vs Dyslexie Font Accessibility