ska-dev

websevendev

jimedwards

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>.
<a href="https://playground.wordpress.net/?plugin=attributes-for-blocks&url=%2Fwp-admin%2Fpost.php%3Fpost%3D2%26action%3Dedit" rel="nofollow ugc">Demo</a>

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.

Adam Rosenkoetter

RayWP Accessibility is a comprehensive WordPress plugin that helps improve your website’s accessibility to better meet WCAG guidelines and accessibility standards. The plugin implements ARIA attributes and accessibility improvements throughout your entire page output, including navigation, headers, footers, and all page elements, not just post content. Unlike widget-based solutions, this plugin works automatically without requiring user intervention.
Important: This plugin helps identify and fix common accessibility issues, but no automated tool can guarantee full WCAG compliance. Manual testing with assistive technologies and expert review are still essential for true accessibility conformance.
Automated Detection:
<ul>
<li>Site-wide accessibility scanning across multiple pages</li>
<li>Color contrast ratio checking (WCAG 2.1 SC 1.4.3)</li>
<li>Missing iframe title detection</li>
<li>Auto-playing video detection</li>
<li>Form accessibility issue scanning</li>
<li>Detailed issue reporting with recommendations</li>
</ul>
Automated Fixes:
<ul>
<li>Skip navigation links (WCAG 2.1 SC 2.4.1)</li>
<li>Enhanced keyboard focus indicators (WCAG 2.1 SC 2.4.7)</li>
<li>ARIA attribute injection via CSS selectors</li>
<li>Color contrast overrides for problem elements</li>
<li>Missing iframe titles added dynamically</li>
<li>Video controls for auto-playing media</li>
</ul>
Developer Tools:
<ul>
<li>Unlimited ARIA attribute rules using CSS selectors</li>
<li>Complete selection of ARIA landmark roles</li>
<li>Real-time CSS selector validation before applying</li>
<li>Output buffer processing for entire page coverage</li>
</ul>
Supported Form Plugins:
<ul>
<li>Contact Form 7 (full scanning and fixes)</li>
<li>WPForms (scanning)</li>
<li>Gravity Forms (basic scanning)</li>
</ul>
Who This Plugin Helps:
<ul>
<li>Site owners needing to improve accessibility compliance</li>
<li>Developers adding ARIA attributes without manual coding</li>
<li>Content editors identifying accessibility issues before publishing</li>
<li>Agencies managing accessibility across client sites</li>
</ul>
<h3>External services</h3>
This plugin does not use any external services – all analysis occurs within the plugin.

RayWP Accessibility

Scan your entire WordPress site for WCAG accessibility issues, apply ARIA attributes automatically, and detect color contrast problems - all without e …

Attributes for Blocks vs RayWP Accessibility