atwebdna

<p>The <strong>navable Accessibility Widget</strong> helps your WordPress website becoming more accessible and improves the user experience for all visitors – no technical knowledge required.</p>
<p><strong>Important:</strong> This plugin requires registration with navable and connects to the navable API service to function. All configuration options are available in the plugin, but the features that are actually activated on your website depend on your navable subscription plan.</p>
<h3>External Services</h3>
<p>This plugin relies on the navable API service to provide accessibility features. The connection to this external service is required for the plugin to function.</p>
<p><strong>Service Used:</strong><br />
The navable Accessibility Widget service, provided by navable (https://navable.io)</p>
<p><strong>When Data is Sent:</strong><br />
* The widget script is loaded from https://api.navable.io/widget/v1/accessibility on every page where the plugin is activated<br />
* Configuration data (enabled features, color preferences) is sent when pages load<br />
* Your website’s domain is sent for authentication and verification</p>
<p><strong>What Data is Sent:</strong><br />
* Your website’s domain name (for subscription verification)<br />
* Page URL (for context-aware accessibility features)<br />
* Configuration settings (enabled features, colors, preferences)<br />
* User accessibility preferences selected through the widget interface<br />
* Browser and device information necessary for accessibility feature delivery</p>
<p><strong>Service Provider Information:</strong><br />
* Service Provider: navable<br />
* Website: https://navable.io<br />
* Terms of Service: https://navable.io/en/agb<br />
* Privacy Policy: https://navable.io/en/datenschutz</p>
<p><strong>Registration Required:</strong><br />
You must register your domain at https://navable.io/en/pricing to use this plugin. The widget will not function without proper domain registration and verification.</p>
<h4>Plugin Features</h4>
<p>This plugin allows you to configure all accessibility features and customization options through the WordPress admin panel. However, the features that actually work on your website depend on your navable subscription plan:</p>
<p><strong>Free Plan</strong><br />
* Automatic widget integration on all pages<br />
* Easy activation via WordPress Dashboard<br />
* No programming skills required<br />
* No credit card required for registration<br />
* Basic widget display and functionality</p>
<p><strong>Basic Plan (Subscription Required)</strong><br />
* All Free plan features<br />
* Automatic progressive accessibility improvements:<br />
  – Button label enhancement with ARIA labels<br />
  – Input label enhancement<br />
  – Automatic keyboard navigation<br />
  – Contrast enhancement for better readability<br />
  – Automatic language attribute<br />
  – ARIA Hidden for disabled elements<br />
  – Enhanced link ARIA labels</p>
<p><strong>Pro Plan (Subscription Required)</strong><br />
* All Basic plan features<br />
* Design customization:<br />
  – Custom theme color<br />
  – Custom background color<br />
  – Custom text color<br />
  – Full design control<br />
* No branding – navable branding removed<br />
* Access to audits, reports, and accessibility statements in the navable Dashboard</p>
<p><strong>Note:</strong> You can configure any option in this WordPress plugin, but features beyond your subscription level will not be activated by the navable service on your website.</p>
<h4>Why navable?</h4>
<ul>
<li><strong>Simple</strong> – No programming skills required</li>
<li><strong>Fast</strong> – Installation takes less than 5 minutes</li>
<li><strong>Transparent</strong> – Configure everything in WordPress, activation based on your plan</li>
</ul>
<h4>How to Get Started</h4>
<ol>
<li>Install and activate this plugin</li>
<li>Choose your subscription plan (Free, Basic, or Pro)</li>
<li>Sign up and register your domain at https://navable.io/en/pricing</li>
<li>Configure your preferences in WordPress Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> navable Widget</li>
<li>The navable service will activate features based on your subscription</li>
</ol>
<h3>Support</h3>
<p>Need help? We’re here for you!</p>
<ul>
<li>Email: support@navable.io</li>
<li>Website: https://www.navable.io</li>
<li>Freemium (free): https://navable.io/en/pricing?product=freemium</li>
<li>Business (Basic/Pro): https://navable.io/en/pricing?product=business</li>
</ul>
<h3>About navable</h3>
<p>navable is a SaaS platform for digital accessibility that helps businesses make their websites WCAG-compliant and accessible.</p>
<p>Website: https://www.navable.io</p>


navable Accessibility Widget

Make your WordPress website more accessible with the navable Widget. Easy to install, configure, and activate.

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.

navable Accessibility Widget vs Web Accessibility Toolkit – ARIA Labels & Roles for WCAG & ADA Compliance