Required Field Auditor

WHAT IT DOES

The Required Field Auditor scans any webpage for form input fields—input, select, textarea, checkbox, radio, and buttons—and audits which ones are marked as required. It checks for required, aria-required, data-required, pattern, and custom validation attributes, then identifies which required fields lack proper accessible labels (label elements, aria-label, aria-labelledby, or placeholder text) and which lack validation attributes (pattern, minlength, maxlength, min/max, step, or custom validation). It generates a detailed report showing the number of fields, required fields, and specific issues, and highlights problematic fields directly on the page for visual inspection. This helps developers, QA testers, and accessibility auditors quickly identify form validation gaps.

WHERE IT RUNS

It runs as a draggable overlay panel inside the BotGentz extension on any website—from simple contact forms to complex multi-step checkout flows. It works on any page with form elements, regardless of framework (React, Vue, Angular, vanilla HTML).

HOW TO USE

1. Install the free BotGentz extension.

2. Navigate to any page with a form.

3. Click the BotGentz icon and select "Required Field Auditor" from the tools menu.

4. Click "Run Audit" to scan the page.

5. Review the report showing total fields, required fields, and issues.

6. Use the "Copy Report" button to copy the full audit to your clipboard.

7. Enable or disable highlighting for missing labels or missing validation in settings.

8. Click "Clear Highlights" to remove visual markers from the page.

9. Drag the panel to reposition it, resize it, collapse it, or press Escape to close.

THE ACTUAL MECHANISM — multi‑attribute detection with accessible label resolution

This tool scans the DOM for all input, select, and textarea elements, then applies a comprehensive detection algorithm. It checks standard required attributes (required, aria-required, data-required), pattern attributes, minlength/maxlength, min/max, step, and custom validation signals. For labels, it resolves accessible names using a priority chain: for/id association, parent label, aria-label, aria-labelledby, and placeholder fallback. Each field is classified as required or not, then cross‑checked against label presence and validation presence. Fields with missing labels or missing validation are flagged and optionally highlighted with color‑coded borders (yellow for missing labels, red for missing validation) plus tooltips. The report is rendered as a clean summary with stats and a detailed issue list.

THE PANEL

The panel is fully draggable by its title bar and snaps to the nearest edge of the viewport when released. You can resize it horizontally by dragging the left or right border; the height expands to fit content up to a maximum, with scrolling inside the report area. A collapse button minimizes the panel to a small floating chip showing "⚙️ Field Auditor" — click it to expand back. Press Escape at any time to close the panel entirely. The panel remembers its last position, size, and expansion state per domain via localStorage.

PLEASE NOTE

- This tool requires the free BotGentz extension (available for Chromium‑based browsers and Firefox).

- The tool works on any site, but dynamic forms (e.g., React/Vue with client‑side rendering) may require a manual re‑audit after interactions.

- Highlights are visual aids and are removed when the panel is closed or manually cleared.

- No page content is ever sent to any server—all scanning and auditing happens locally in your browser. Only anonymized usage metrics (panel open/close, audit runs) are collected; you can disable this in the extension settings at any time.