PluginRx

<p><strong>WCAG Admin Accessibility Tools</strong> provides a dual approach to accessibility improvements in WordPress: practical diagnostic tools for admins and editors, and optional front-end visual enhancements for users.</p>
<p>This plugin is primarily designed to complement the WAVE browser extension by WebAIM by offering tools that WAVE doesn’t cover or that we wanted to improve on. For a more complete accessibility review, using both is recommended.</p>
<p><strong>Features:</strong><br />
– <strong>Accessibility Admin Bar Tools:</strong> Adds a front-end admin bar menu with auto-check and toggleable visual checks for accessibility issues:<br />
  – Missing Alt Text<br />
  – Poor Color Contrast (AA/AAA)<br />
  – Vague Link Text (e.g. “click here”)<br />
  – Improper Heading Hierarchy (e.g. skipping from H2 to H4)<br />
  – Links Missing Underlines (excluding buttons and navs)<br />
– <strong>Skip to Content Link:</strong> Inserts a visually hidden “Skip to main content” link at the top of each page for improved keyboard navigation.<br />
– <strong>Alt Text Column & Inline Editing:</strong> Adds an “Alt Text” column to the Media Library list view, including an edit option for quickly updating missing or incorrect image alt text.<br />
– <strong>Additional Media Columns:</strong> Adds columns for image dimensions, MIME type (e.g. <code>image/png</code>, <code>application/zip</code>), and file size.<br />
– <strong>Frontend User Assistant:</strong> Adds an accessibility toolbox that includes tools such as Text Resizer, Readable Font, and Modes (default, dark, and greyscale), optionally placed as:<br />
  – A floating toggle<br />
  – A navigation menu item<br />
  – A shortcode (<code>[wcagaat_assistant]</code>)<br />
– <strong>Logo Swap in Dark Mode:</strong> Optionally swap logos when dark mode is enabled.<br />
– <strong>Auto-Detect Device Dark Mode:</strong> If the user’s device is set to dark mode, a prompt will ask if they would like to enable dark mode for this site.<br />
– <strong>Custom Visibility Rules:</strong> Choose who can see the frontend mode switcher — everyone, logged-in users, or just admins.<br />
– <strong>Custom Vague Phrases:</strong> Configure your own list of vague link texts to scan for (e.g. “read more, learn more, click here”).</p>
<p>WCAG Admin Accessibility Tools gives you clear, actionable insights directly in the WordPress UI to improve accessibility compliance faster.</p>


WCAG Admin Accessibility Tools

Accessibility diagnostics and tools for alt text, contrast, vague links, 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.

WCAG Admin Accessibility Tools vs A11yKit Accessibility