ska-dev

websevendev

jimedwards

<p>This plugin adds additional advanced inspector controls to Gutenberg blocks that allow to add any custom HTML attributes to the block’s front-end output. This allows you to add inline styles to fine-tune the block’s appearance, set aria attributes to improve your site’s accessibility, add data attributes to integrate with any JavaScript modules or even JavaScript DOM event attributes such as <code>onclick</code>, <code>onchange</code> or <code>onload</code>.</p>
<p><a href="https://playground.wordpress.net/?plugin=attributes-for-blocks&url=%2Fwp-admin%2Fpost.php%3Fpost%3D2%26action%3Dedit" rel="nofollow ugc">Demo</a></p>


Attributes for Blocks

It's perfect for what I need! I hope you'll keep it updated as this behaviour should really be native in WordPress!

This should be native!

This is just Gold

Allows to add HTML attributes to Gutenberg blocks.

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.

Attributes for Blocks vs Lumen ARIA Blocks