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.

sangarstudio

<p><strong>Sangar Studio Access Flow</strong> is not a generic WCAG accessibility overlay. It is a <strong>cognitive adaptation layer</strong> designed specifically for people with ADHD, dyslexia, autism, anxiety and sensory overload.</p>
<p>Unlike traditional accessibility plugins that offer static controls (font size sliders, contrast, big cursor), Access Flow combines <strong>preconfigured neurodivergent profiles</strong>, <strong>proactive behavioral adaptation</strong> and <strong>reading transformations</strong> like Bionic Reading and Reading Ruler that the target audience recognizes immediately.</p>
<h3>Philosophy</h3>
<ul>
<li>Does not promise WCAG legal compliance on its own.</li>
<li>Speaks in human language (“How do you prefer to read today?”), not clinical.</li>
<li>Lets the user describe how they are, not what disability they have.</li>
<li>Honors <code>prefers-reduced-motion</code> and the system’s forced-colors mode.</li>
</ul>
<h3>Main features</h3>
<ul>
<li><strong>Neurodivergent profiles:</strong> The user picks how they prefer to read today (ADHD / Dyslexia / Autism / Sensory sensitivity) and the optimal mode combination is enabled automatically.</li>
<li><strong>Behavioral UX Engine:</strong> Detects erratic scrolling and frustration clicks in real time and proactively suggests Focus Mode when cognitive overload is detected.</li>
<li><strong>Focus Mode:</strong> Dims sidebars, banners, popups, ads and iframes detected automatically for the active theme (Astra, GeneratePress, OceanWP, Storefront, Divi) and through admin-configurable custom selectors.</li>
<li><strong>Bionic Reading:</strong> Bolds the prefix of each word in the main content so the eye anchors faster, reducing reading fatigue. Especially effective for ADHD and dyslexia. Fully reversible.</li>
<li><strong>Reading Ruler:</strong> A horizontal band that follows the cursor or finger, guiding the reading line and preventing line skipping.</li>
<li><strong>Dyslexia Reading:</strong> Adapted typography (OpenDyslexic / Comic Sans MS), increased line height, letter spacing and word spacing. Excludes icons, code and SVG so they are not broken.</li>
<li><strong>Calm Interface:</strong> Disables animations, reduces saturation and applies a warm tint to mitigate sensory overload.</li>
<li><strong>Smart Content Simplifier:</strong> Summarizes the main content of the page using OpenAI (<code>gpt-4o-mini</code>) in plain language, short sentences and lists. Hourly cache to save quota.</li>
<li><strong>Customizable identity:</strong> Primary color, icon color, border color and position (left or right) configurable from the admin so the widget integrates with the site’s brand.</li>
</ul>
<h3>Accessibility of the widget itself</h3>
<ul>
<li><code>role="dialog"</code> + <code>aria-modal="true"</code> + <code>aria-labelledby</code> + focus trap.</li>
<li>Full keyboard navigation: Tab / Shift+Tab inside the panel, Escape to close.</li>
<li><code>aria-pressed</code> on mode buttons, <code>aria-busy</code> during requests.</li>
<li><code>:focus-visible</code> with an amber outline on all controls.</li>
<li>Honors <code>prefers-reduced-motion</code> and <code>forced-colors</code> (Windows high contrast).</li>
<li>The widget is not dimmed by Calm Mode so its contrast stays intact.</li>
</ul>
<h3>External services</h3>
<p>This plugin can connect to OpenAI to generate AI-powered summaries of the current page content. This service is <strong>only used when the site administrator provides an OpenAI API key in the plugin settings and the visitor explicitly clicks the “Summarize this page” button</strong> in the floating widget. If no API key is configured, or the feature is disabled in settings, no request to OpenAI is ever made.</p>
<h4>What the service is and what it is used for</h4>
<p>OpenAI provides the Chat Completions API. The plugin uses the model <code>gpt-4o-mini</code> (configurable via the <code>accessflow_openai_model</code> filter) to generate a plain-language summary of the article the visitor is reading, formatted with short sentences and bullet lists to improve readability for users with cognitive overload, ADHD or dyslexia.</p>
<h4>What data is sent and when</h4>
<p>When a visitor clicks the “Summarize this page” button, the plugin extracts up to the first 3000 characters of plain text from the <code><main></code> (or <code><article></code>, or <code><body></code> as fallback) element of the current page and sends it to <code>https://api.openai.com/v1/chat/completions</code>, together with the site’s OpenAI API key in the <code>Authorization</code> header. No personal data, IP address, cookies, user identifiers or browsing history are sent. The text payload is cached server-side (WordPress transient) for one hour, keyed by hash, so identical requests do not re-hit the API.</p>
<p>No data is sent to OpenAI on page load, on visitor identification, in the background or for analytics. The request happens only on explicit user action.</p>
<h4>Terms and Privacy</h4>
<p>This service is provided by OpenAI, L.L.C.</p>
<ul>
<li>Terms of Use: https://openai.com/policies/terms-of-use</li>
<li>Privacy Policy: https://openai.com/policies/privacy-policy</li>
</ul>
<p>Site administrators are responsible for disclosing this third-party processing to their own visitors in their site’s privacy policy where required by applicable law (such as the GDPR).</p>


Sangar Studio Access Flow

A cognitive adaptation layer for neurodivergent users: ADHD, dyslexia, autism and sensory sensitivity.

A11yKit Accessibility vs Sangar Studio Access Flow