Quicksnail Plugins

WCAG for WP

<p>The <strong>Web Accessibility Toolkit</strong> helps your WordPress site meet <strong>ADA compliance</strong> and <strong>WCAG compliance</strong> standards with powerful accessibility checking and fixing tools.</p>
<p>This plugin is not an ‘overlay’ or a ‘widget’ – it provides real code fixes to assist with WCAG & ADA compliance for WordPress.</p>
<p>Scan your site with the built-in Accessibility Checker to identify issues such as missing <strong>ARIA labels</strong>, <strong>low contrast text</strong>, missing <strong>alt tags</strong>, incorrect heading structure & plenty more.</p>
<p>Apply one-click fixes for many common accessibility issues to improve usability and help meet requirements for laws and standards like WCAG, ADA, EAA, Section 508, EN 301 549, and AODA.</p>
<p><a href="https://wcagforwp.com/docs/" rel="nofollow ugc">Documentation</a> | <a href="https://wcagforwp.com/accessibility-checker-demo/" rel="nofollow ugc">Accessibility Checker Demo</a> | <a href="https://wcagforwp.com/pricing/" rel="nofollow ugc">PRO Plugin</a></p>
<h3>Accessibility Checker</h3>
<p>The built-in Accessibility Checker scans your WordPress site in real time to identify common accessibility issues that could affect WCAG compliance and ADA compliance. With a single click, you can run an accessibility check on any page and get clear, actionable details.</p>
<p>The checker highlights issues directly on the page, including:</p>
<ul>
<li>Missing or empty ARIA labels</li>
<li>Low color contrast between text and background</li>
<li>Missing alt text on images</li>
<li>Skipped heading levels (e.g., jumping from H2 to H4)</li>
<li>Broken ARIA references</li>
<li>Interactive elements without keyboard focus</li>
<li>Improper tab order</li>
<li>Missing page titles</li>
<li>Duplicate link text with different destinations</li>
<li>Duplicate IDs in the DOM</li>
<li>Form fields without labels or ARIA labels</li>
<li>Use of user-scalable=no in viewport meta tags</li>
<li>Non-focusable interactive elements</li>
</ul>
<p>Each issue includes details on what it means, why it matters for accessibility and how to fix it. Many problems can be resolved instantly using the plugin’s one-click fixes, while others provide guidance so you can address them in your theme or content.</p>
<h3>Accessibility Fixes for WCAG, Section 508 & ADA Compliance</h3>
<ul>
<li>
<h4>ARIA Attributes</h4>
<p>Add ARIA attributes such as <code>aria-label</code>, <code>aria-hidden</code>, <code>aria-expanded</code>, <code>aria-live</code>, <code>aria-level</code>, and more to any element.</p>
</li>
<li>
<h4>ARIA Roles</h4>
<p>Assign semantic roles like <code>banner</code>, <code>navigation</code>, <code>main</code>, <code>complementary</code>, and <code>contentinfo</code> to improve screen reader navigation.</p>
</li>
<li>
<h4>Image Alt Tags</h4>
<p>Shows a list of all images that are missing alt tags, and allows you to easily update them all from the one spot.</p>
</li>
<li>
<h4>Contrast Adjustments</h4>
<p>Override text and background colors for low-contrast elements using accessible HEX values.</p>
</li>
<li>
<h4>Skip Link Target</h4>
<p>Add a keyboard/screen-reader-visible “Skip to content” link by defining a main content selector.</p>
</li>
<li>
<h4>Language Override</h4>
<p>Set or override the HTML <code>lang</code> attribute for improved screen reader compatibility.</p>
</li>
<li>
<h4>Focus Outline Enhancements</h4>
<p>Ensure visible focus styles are enforced for better keyboard navigation.</p>
</li>
<li>
<h4>Fix Tab Order</h4>
<p>Remove tabindex values greater than 0 to maintain a logical focus order.</p>
</li>
<li>
<h4>Make Viewport Scalable</h4>
<p>Remove user-scalable=no from the viewport meta tag to allow pinch-zooming.</p>
</li>
<li>
<h4>CSS Selector-Based Targeting</h4>
<p>Use any valid CSS selector to apply changes without modifying theme or template files.</p>
</li>
</ul>
<h3>Why Use Web Accessibility Toolkit?</h3>
<p>Most WordPress themes don’t include full accessibility support. Web Accessibility Toolkit lets you patch those gaps quickly, keeping your site more inclusive and compliant with ADA & WCAG guidelines.</p>
<p>Whether you’re a developer working on a client site or a business owner aiming for better usability, this plugin makes accessibility updates faster and easier.</p>
<p>The Web Accessibility Toolkit is NOT an overlay widget, which can often do more harm than good for accessibility. This plugin fixes underlying code issues.</p>
<h3>Compatibility</h3>
<ul>
<li>Compatible with all WordPress themes  </li>
<li>Compatible with all WordPress plugins  </li>
<li>Works alongside popular page builders  </li>
<li>Designed with WCAG 2.1 AA standards and ADA compliance in mind</li>
</ul>


Web Accessibility Toolkit – Accessibility Checker & ARIA for WCAG, Section 508 & ADA Compliance


A very useful and lightweight accessibility plugin that focuses on real, code-level improvements rather than overlays. The ARIA and landmark role tools, along with the built-in accessibility checker, make it easy to identify and fix common accessibility issues that many themes miss. Easy to use, works well with any theme, and a solid choice for improving WCAG-friendly accessibility on WordPress sites.


Lightweight and Effective Accessibility Toolkit

Add ARIA labels, roles, alt tags, contrast & form accessibility fixes. Accessibility checker scans for WCAG, Section 508 & ADA compliance.

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.

Web Accessibility Toolkit – Accessibility Checker & ARIA for WCAG, Section 508 & ADA Compliance vs AccessKit – Accessibility Options Toolbar