Pedro Matias (FroPT)

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


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.

Dynamic.ooo

<p>Dynamic Inspector for Elementor is a developer tool that provides deep insights into your Elementor pages. Inspect the element tree, analyze performance, check Dynamic Visibility settings, and debug your layouts directly from the frontend.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Element Tree Inspector</strong> – Navigate through all page elements (widgets, containers, sections, templates)</li>
<li><strong>Performance Analysis</strong> – See execution time for each element with cache indicators</li>
<li><strong>Highlight Elements</strong> – Hover over elements in the inspector to highlight them on the page</li>
<li><strong>Dynamic Content Detection</strong> – Identify which elements are cached vs dynamically rendered</li>
<li><strong>Visibility Integration</strong> – View Dynamic Visibility settings when using Dynamic.ooo plugins</li>
<li><strong>Theme Builder Support</strong> – Works with Elementor Pro single/archive templates</li>
<li><strong>Clean UI</strong> – Dual-panel interface (tree navigator + detailed infobox)</li>
<li><strong>Developer Friendly</strong> – Loading messages, smooth animations, responsive design</li>
</ul>
<h4>Perfect for:</h4>
<ul>
<li>Elementor developers debugging complex layouts</li>
<li>Performance optimization and analysis</li>
<li>Understanding element hierarchy and structure</li>
<li>Identifying slow widgets</li>
<li>Checking visibility conditions</li>
<li>Theme Builder template inspection</li>
</ul>
<h4>Pro Tips</h4>
<ul>
<li>Execution times are measured in real-time during inspection—your site’s normal caching is not affected</li>
<li>Use the highlight feature to quickly locate elements on the page</li>
<li>Compatible with all third-party Elementor plugins</li>
</ul>


Dynamic Inspector for Elementor – Performance Profiler & Debugger

A powerful frontend inspector and navigator for Elementor that helps developers debug, inspect elements, and analyze performance.

Aura Frontend Inspector vs Dynamic Inspector for Elementor – Performance Profiler & Debugger