awsm.in

<p><strong>AccessMate</strong> scans your WordPress site for WCAG 2.1 AA accessibility issues, scores each page, and provides guided fixes — all from your WordPress dashboard.</p>
<p><strong>Zero running cost for you.</strong> AccessMate is 100% free. AI features (code fixes, plain-English explanations) use your own API key from Anthropic, OpenAI, Google Gemini, or a local Ollama instance. Your key is stored encrypted in your database and never proxied through our servers.</p>
<h4>♿ Core features</h4>
<p>✔  <strong>Accessibility scanner</strong> — checks 12 WCAG 2.1 AA rules on every page of your site<br />
✔  <strong>Score & grade</strong> — A–F accessibility score with POUR (Perceivable, Operable, Understandable, Robust) breakdown<br />
✔  <strong>Issue detail panel</strong> — shows the offending HTML, WCAG criterion, and affected element count<br />
✔  <strong>Issues by page</strong> — stacked bar chart showing critical/warning/notice counts per page<br />
✔  <strong>Visitor accessibility toolbar</strong> — minimal floating widget with 10 user-controlled accessibility features<br />
✔  <strong>AI auto-fix</strong> <em>(requires API key)</em> — generates corrected HTML for fixable issues<br />
✔  <strong>AI explanations</strong> <em>(requires API key)</em> — plain-English summaries for non-technical site owners</p>
<h4>12 WCAG rules checked</h4>
<ol>
<li>Images missing alt text (WCAG 1.1.1)</li>
<li>Colour contrast heuristic (WCAG 1.4.3)</li>
<li>Data tables missing headers (WCAG 1.3.1)</li>
<li>Missing landmark elements (WCAG 1.3.6)</li>
<li>Interactive elements not keyboard accessible (WCAG 2.1.1)</li>
<li>CSS animations without reduced-motion guard (WCAG 2.3.3)</li>
<li>Links with non-descriptive text (WCAG 2.4.4)</li>
<li>Skipped or empty heading levels (WCAG 2.4.6)</li>
<li>Focus indicator removed via CSS (WCAG 2.4.7)</li>
<li>HTML lang attribute missing (WCAG 3.1.1)</li>
<li>Form inputs missing label association (WCAG 4.1.2)</li>
<li>Invalid ARIA role attributes (WCAG 4.1.2)</li>
</ol>
<h4>Visitor accessibility widget features</h4>
<p>✔ Font size<br />
✔ High contrast<br />
✔ Dyslexia font<br />
✔ Grayscale<br />
✔ Reading guide<br />
✔ Pause animations<br />
✔ Line height<br />
✔ Large cursor<br />
✔ Highlight links<br />
✔ Screen mask</p>
<h4>AI providers supported</h4>
<ul>
<li><strong>Anthropic Claude</strong> (claude-haiku-4-5, claude-sonnet-4)</li>
<li><strong>OpenAI</strong> (gpt-4o-mini, gpt-4o)</li>
<li><strong>Google Gemini</strong> (gemini-1.5-flash, gemini-1.5-pro)</li>
<li><strong>Ollama</strong> (local, no key needed — llama3.2, mistral, phi3)</li>
</ul>
<h4>Privacy</h4>
<p>AccessMate makes no external requests unless you configure an AI provider and trigger an AI action. When an AI action is triggered, your WordPress server makes a direct request to your chosen provider using your key. No data passes through AccessMate servers. The API key is encrypted at rest using AES-256-CBC with your WordPress auth salt.</p>
<h3>Third Party Libraries</h3>
<ul>
<li><a href="https://github.com/dequelabs/axe-core" rel="nofollow ugc">axe-core</a> by Deque Systems — Mozilla Public License 2.0 (MPL-2.0)</li>
<li><a href="https://fontsource.org/fonts/opendyslexic" rel="nofollow ugc">OpenDyslexic font via Fontsource</a> — Bitstream Vera Fonts License — loaded on demand from jsDelivr CDN only when the dyslexia font feature is enabled by the visitor</li>
</ul>
<h3>External Services</h3>
<p>This plugin can connect to the following external services. No external requests are made unless you explicitly configure and trigger the relevant feature.</p>
<h4>AI providers (optional)</h4>
<p>When you add an API key and click an AI action (auto-fix suggestion, alt-text generation, or accessibility report summary), your WordPress server sends a direct HTTPS request to your chosen AI provider. The request contains the page HTML snippet and accessibility issue context being analysed. No data passes through AccessMate servers. These requests are only sent when you have entered an API key in Settings and manually trigger an AI action.</p>
<p><strong>Anthropic</strong> — <code>https://api.anthropic.com/</code><br />
Used for: AI fix suggestions, alt-text generation, accessibility report summaries.<br />
Data sent: page HTML snippet, accessibility issue context, and your Anthropic API key (in the request header).<br />
<a href="https://www.anthropic.com/legal/consumer-terms" rel="nofollow ugc">Terms of Service</a> | <a href="https://www.anthropic.com/legal/privacy" rel="nofollow ugc">Privacy Policy</a></p>
<p><strong>OpenAI</strong> — <code>https://api.openai.com/</code><br />
Used for: AI fix suggestions, alt-text generation, accessibility report summaries.<br />
Data sent: page HTML snippet, accessibility issue context, and your OpenAI API key (in the request header).<br />
<a href="https://openai.com/policies/terms-of-use" rel="nofollow ugc">Terms of Service</a> | <a href="https://openai.com/policies/privacy-policy" rel="nofollow ugc">Privacy Policy</a></p>
<p><strong>Google Gemini</strong> — <code>https://generativelanguage.googleapis.com/</code><br />
Used for: AI fix suggestions, alt-text generation, accessibility report summaries.<br />
Data sent: page HTML snippet, accessibility issue context, and your Gemini API key (as a URL parameter).<br />
<a href="https://ai.google.dev/gemini-api/terms" rel="nofollow ugc">Terms of Service</a> | <a href="https://policies.google.com/privacy" rel="nofollow ugc">Privacy Policy</a></p>
<p><strong>Ollama</strong> — <code>http://localhost:11434/</code> (local only)<br />
Ollama runs entirely on the user’s own machine or local network. No data is sent to any external server.</p>
<h4>jsDelivr CDN (visitor-facing, on demand)</h4>
<p>When a site visitor enables the <strong>Dyslexia Font</strong> feature in the accessibility toolbar, their browser loads the OpenDyslexic font stylesheet from jsDelivr. This is a standard browser-initiated HTTP request that includes the visitor’s IP address and User-Agent string. The font is cached locally after the first load; no further requests are made on subsequent pages. This request is triggered only by the visitor explicitly toggling the dyslexia font feature — it is never loaded automatically.</p>
<p><strong>jsDelivr</strong> — <code>https://cdn.jsdelivr.net/</code><br />
<a href="https://www.jsdelivr.com/privacy-policy-jsdelivr-net" rel="nofollow ugc">Privacy Policy</a></p>


AccessMate – AI Accessibility Scanner & Widget

AI-powered WCAG 2.1 AA accessibility scanner with auto-fix suggestions and a visitor-facing accessibility toolbar. Free — bring your own AI key.

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.

AccessMate – AI Accessibility Scanner & Widget vs Web Accessibility Toolkit – Accessibility Checker & ARIA for WCAG, Section 508 & ADA Compliance