andreibarbashin

<p><strong>AccessiBar</strong> adds a floating accessibility button to your website. When visitors click it, a compact toolbar appears with tools that let them adjust the site to their needs — increase font size, enable high contrast mode, switch to a dyslexia-friendly font, and more.</p>
<p><strong>Why AccessiBar?</strong></p>
<p>Many accessibility plugins have moved to a SaaS model — requiring subscriptions, limiting free features behind paywalls, making external API calls, and raising GDPR concerns. AccessiBar takes a different approach:</p>
<ul>
<li><strong>No paywalls.</strong> Every feature works without any subscription or premium tier.</li>
<li><strong>Zero external requests.</strong> No CDNs, no third-party APIs, no Google Fonts. Everything runs locally from your server.</li>
<li><strong>GDPR-compliant by design.</strong> No cookies are set. User preferences are stored in the browser’s localStorage — no data ever leaves the visitor’s device.</li>
<li><strong>Zero dependencies.</strong> Works with any WordPress theme and page builder — no Elementor, no Divi, no specific theme required.</li>
<li><strong>No server-side processing.</strong> No database tables, no server load, no SQL queries. Everything runs in the visitor’s browser.</li>
<li><strong>Lightweight.</strong> Under 45KB total frontend footprint (CSS + JS + font). Your site stays fast.</li>
<li><strong>Keyboard accessible.</strong> The toolbar itself is fully navigable with Tab, Enter, and Escape keys, with proper ARIA attributes and focus management.</li>
</ul>
<p><strong>Toolbar Features:</strong></p>
<ul>
<li><strong>Font Size Controls</strong> — Increase, decrease, or reset the page font size.</li>
<li><strong>High Contrast Mode</strong> — Dark background with light text and highlighted links for better readability.</li>
<li><strong>Highlight Links</strong> — Makes all links visually distinct with outlines and underlines.</li>
<li><strong>Readable Font</strong> — Switches to OpenDyslexic, a typeface designed for readers with dyslexia. The font file is bundled locally.</li>
<li><strong>Stop Animations</strong> — Disables all CSS animations and transitions for visitors with motion sensitivities.</li>
<li><strong>Large Cursor</strong> — Increases the mouse cursor size for easier tracking.</li>
</ul>
<p>All preferences are remembered across page loads via localStorage.</p>
<p><strong>Admin Settings:</strong></p>
<ul>
<li>Button position (any corner)</li>
<li>Button color</li>
<li>Button size (small, medium, large)</li>
<li>Optional button label text</li>
<li>Toggle individual toolbar features on/off</li>
<li>Hide on mobile devices option</li>
</ul>


AccessiBar — Accessibility Toolbar

A lightweight accessibility toolbar for WordPress. No subscriptions, no external requests, 100% GDPR-compliant.

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 & 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 – ARIA Labels & Roles for WCAG & 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 your site for WCAG & ADA compliance & fixes issues.

AccessiBar — Accessibility Toolbar vs Web Accessibility Toolkit – ARIA Labels & Roles for WCAG & ADA Compliance