2fox4oliver

<p>2fox4 Accessibility Suite adds a floating accessibility widget to your WordPress site, giving visitors control over how they experience your content.</p>
<p><strong>Features:</strong></p>
<ul>
<li><strong>Font Resizing</strong> — Adjustable from 80% to 200% with a smooth slider.</li>
<li><strong>Dyslexia-Friendly Font</strong> — Switches body text to OpenDyslexic with increased spacing.</li>
<li><strong>High Contrast Mode</strong> — Increases contrast across the page.</li>
<li><strong>Dark Mode</strong> — Inverts to a dark colour scheme.</li>
<li><strong>Reading Guide</strong> — A horizontal bar follows the cursor to help line tracking.</li>
<li><strong>Highlight Links</strong> — Outlines and underlines every link on the page.</li>
<li><strong>Keyboard Navigation</strong> — Enhanced focus rings for keyboard users.</li>
</ul>
<p><strong>Design:</strong></p>
<ul>
<li>Apple-inspired glassmorphism aesthetic with SF Pro font stack.</li>
<li>Fully responsive; works on mobile, tablet, and desktop.</li>
<li>Respects <code>prefers-reduced-motion</code>.</li>
<li>All settings persist via <code>localStorage</code> between visits.</li>
</ul>
<p><strong>Internationalisation:</strong></p>
<ul>
<li>Automatically detects browser language (<code>navigator.language</code>).</li>
<li>Ships with English and German translations.</li>
<li>Fully translation-ready with WordPress i18n functions.</li>
</ul>
<p><strong>Backend:</strong></p>
<ul>
<li>Settings page under <strong>Settings > 2fox4 Accessibility</strong>.</li>
<li>Customise accent colour and widget position (bottom-right / bottom-left).</li>
</ul>


2fox4 Accessibility Suite

A professional WCAG 2.1/2.2 accessibility toolkit with a floating widget for font resizing, contrast modes, reading guide, and more.

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.

2fox4 Accessibility Suite vs A11yKit Accessibility