Angelo De Lorenzo

<p>Lumen ARIA Blocks helps you publish interactive content that stays usable for keyboard and assistive technology users, while remaining practical for editorial teams in Gutenberg.</p>
<p>Why teams use Lumen ARIA Blocks:</p>
<ul>
<li>Better accessibility defaults out of the box (roles, states, keyboard behavior, focus handling).</li>
<li>SSR-first output for robust rendering and content continuity.</li>
<li>Theme-agnostic integration (works with any WordPress theme).</li>
<li>Privacy-friendly runtime (no telemetry, no tracking scripts).</li>
</ul>
<p>How it works:</p>
<ul>
<li>SSR-first dynamic blocks (content remains server-rendered).</li>
<li>Progressive enhancement with block-specific frontend scripts, enqueued only when the related block is rendered.</li>
<li>Runtime assets are served from your own WordPress site.</li>
<li>No third-party runtime libraries are bundled in this release.</li>
</ul>
<p>Available blocks in this release:</p>
<ul>
<li>Accordion</li>
<li>Button (action/link/toggle)</li>
<li>Carousel</li>
<li>Dialog</li>
<li>Popup</li>
<li>Tabs</li>
<li>Tooltip</li>
</ul>
<p>This plugin is designed to work across themes and does not require coupling to a specific theme implementation.</p>
<p>Demo page: https://lumen.angelodelorenzo.it/lumen-aria-blocks</p>
<h3>Accessibility Contract</h3>
<p>Lumen ARIA Blocks targets WCAG 2.2 AA intent with:</p>
<ul>
<li>keyboard-first interactions</li>
<li>ARIA roles/state mapping per component</li>
<li>focus-visible support</li>
<li>reduced-motion baseline (<code>prefers-reduced-motion</code>)</li>
<li>no-JS SSR fallback behavior for content continuity</li>
</ul>
<p>ARIA contracts and QA checks are maintained in the release workflow and are not bundled in the plugin package.</p>
<h3>Privacy</h3>
<ul>
<li>No analytics or telemetry are included.</li>
<li>No third-party tracking requests are sent by the plugin.</li>
<li>Runtime assets are loaded from your own WordPress site.</li>
</ul>
<h3>Third-Party Libraries</h3>
<ul>
<li>No third-party runtime libraries are bundled in this plugin release.</li>
<li><code>THIRD_PARTY_NOTICES.txt</code> remains included as distribution metadata.</li>
</ul>


Lumen ARIA Blocks

Keyboard-first, accessibility-focused Gutenberg blocks with SSR output and progressive enhancement.

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.

Lumen ARIA Blocks vs Web Accessibility Toolkit – ARIA Labels & Roles for WCAG & ADA Compliance