Pedro Matias (FroPT)

Aura Frontend Inspector is a professional-grade debugging tool designed for WordPress developers and agencies who need to ensure their sites are compliant, accessible, and error-free.
Unlike traditional auditors, Aura is built for the AI era. It features the ARF 1.0 (Aura Report Format), a structured data standard that allows you to copy detected issues directly into AI tools like ChatGPT or Claude to receive instant, context-aware code fixes.
<h3>Built for AI-Assisted Debugging</h3>
Every issue detected by Aura includes a “Copy AI Prompt” button. This assembles a high-signal prompt containing the exact HTML snippet, site environment, and error metadata in the ARF 1.0 format. Simply paste it into your favorite LLM for a precise solution tailored to your WordPress site.
<h3>Professional Accessibility (A11y) Auditing</h3>
Ensure your site meets WCAG 2.1 standards with real-time detection of: 
* Duplicate IDs: Finds elements sharing IDs that break screen readers and ARIA landmarks. 
* Missing Labels: Identifies form inputs without accessible names. 
* ARIA Integrity: Detects broken <code>aria-labelledby</code>, <code>aria-describedby</code>, and hidden focusable elements. 
* Semantic Structure: Validates heading levels (H1-H6), main landmarks, and page titles. 
* Interactive Elements: Flags non-interactive elements with click handlers and buttons without types.
<h3>Developer-First Features</h3>
<ul>
<li>Persistent Logging: Issues are stored in a dedicated database table with rate-limiting and deduplication.</li>
<li>HTML Snapshots: Capture the full rendered DOM of any page for offline audit or historical reference.</li>
<li>Environment Aware: Configure Aura to run only in <code>Development</code> or <code>Staging</code> modes to protect production performance.</li>
<li>Auto-Fix Engine: Optionally allow Aura to automatically resolve common issues like duplicate IDs on the fly.</li>
<li>Export Options: Download professional CSV logs or ARF 1.0 JSON reports for your client audits.</li>
</ul>
<h3>Part of the Aura Plugin Series</h3>
Aura Frontend Inspector is part of the Aura Plugin Series, a suite of AI-native tools including Aura Static Security Analyzer and Aura Login. Together, they provide a unified “Security & Compliance” ecosystem for WordPress professionals.

Aura Frontend Inspector

The AI-Native accessibility and HTML debugger for WordPress. Detect issues, export ARF 1.0 reports, and get AI-assisted fixes in seconds.

JS Morisset

The JSM Show Order Metadata for WooCommerce HPOS plugin displays order meta keys and unserialized values in a metabox at the bottom of the WooCommerce HPOS order and WooCommerce Subscriptions editing pages.
Note that if you’re NOT using WooCommerce HPOS (High-Performance Order Storage), available since WooCommerce v8.2, then your WooCommerce orders are post objects and you should use the <a href="https://wordpress.org/plugins/jsm-show-post-meta/" rel="ugc">JSM Show Post Metadata</a> plugin instead.
There are no plugin settings – simply install and activate the plugin.
<h4>Available Filters for Developers</h4>
Filter the order meta shown in the metabox:
<pre><code>'jsmsom_metabox_post_types' ( array $post_types )
</code></pre>
Array of supported HPOS post types (i.e. ‘woocommerce_page_wc-orders’ and ‘woocommerce_page_wc-orders–shop_subscription’).
<pre><code>'jsmsom_metabox_table_metadata' ( array $metadata, $order_obj )
</code></pre>
Array of regular expressions to exclude meta keys:
<pre><code>'jsmsom_metabox_table_exclude_keys' ( array $exclude_keys, $order_obj )
</code></pre>
Capability required to show order meta:
<pre><code>'jsmsom_show_metabox_capability' ( 'manage_options', $order_obj )
</code></pre>
Capability required to delete order meta:
<pre><code>'jsmsom_delete_meta_capability' ( 'manage_options', $order_obj )
</code></pre>
Icon for the delete order meta button:
<pre><code>'jsmsom_delete_meta_icon_class' ( 'dashicons dashicons-table-row-delete' )
</code></pre>
<h4>Related Plugins</h4>
<ul>
<li><a href="https://wordpress.org/plugins/jsm-show-comment-meta/" rel="ugc">JSM Show Comment Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-order-meta/" rel="ugc">JSM Show Order Metadata for WooCommerce HPOS</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-post-meta/" rel="ugc">JSM Show Post Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-term-meta/" rel="ugc">JSM Show Term Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-user-meta/" rel="ugc">JSM Show User Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-registered-shortcodes/" rel="ugc">JSM Show Registered Shortcodes</a></li>
</ul>

JSM Show Order Metadata for WooCommerce HPOS

Must need for Developer

Show WooCommerce order metadata in a metabox when editing HPOS orders - a great tool for debugging issues with HPOS order metadata.

Aura Frontend Inspector vs JSM Show Order Metadata for WooCommerce HPOS