Accessibility Quick Audit
Free to download on every platform. Comes pre-installed on BotFone, BotPad and BotFlip — with extra free apps included.
About this app
WHAT IT DOES
The Accessibility Quick Audit scans any webpage for common accessibility issues and provides a summary score from 0 to 100. It checks for: missing alt text on images, missing or improper ARIA labels on interactive elements, missing form field labels, low color contrast (using a simplified heuristic), missing lang attribute on the html element, missing heading hierarchy (h1 → h2 → h3, no skips), and missing skip links to main content. It generates a detailed report showing issue counts and severity levels (high/medium/low), highlights problem areas directly on the page with color-coded markers, and provides an overall accessibility score. This helps developers, QA testers, and content creators quickly identify and prioritize accessibility fixes.
WHERE IT RUNS
It runs as a draggable overlay panel inside the BotGentz extension on any website—from blogs and landing pages to complex web applications. It works on any framework (React, Vue, Angular, vanilla HTML).
HOW TO USE
1. Install the free BotGentz extension.
2. Navigate to any page you want to audit.
3. Click the BotGentz icon and select "Accessibility Quick Audit" from the tools menu.
4. Click "Run Audit" to scan the page.
5. Review the summary score, issue counts, and detailed report.
6. Expand the report to see specific issues with descriptions.
7. Use the "Copy Report" button to copy the full audit to your clipboard.
8. Enable or disable highlighting of issues in settings.
9. Click "Clear Highlights" to remove visual markers.
10. Drag the panel to reposition it, resize it, collapse it, or press Escape to close.
THE ACTUAL MECHANISM — multi-rule accessibility scanning with severity-weighted scoring
This tool scans the DOM using a series of rule-based checks derived from WCAG 2.1 guidelines. It checks images for alt attributes (flagging missing or very short alt text), form inputs for associated labels (using label for/id, aria-label, aria-labelledby, and placeholder fallback), interactive elements for accessible names, the html element for a lang attribute, heading hierarchy for logical order and h1 presence, and skip links for navigation to main content. Each issue is assigned a severity (high/medium/low). The score is calculated as: max(0, 100 - (high_issues × 5) - (medium_issues × 3) - (low_issues × 1)), with a maximum penalty of 100 points. The report includes a breakdown of all issues with element references and descriptions.
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 "⚙️ Accessibility" — 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 provides a quick heuristic audit and is not a substitute for a full accessibility audit using screen readers and professional testing tools.
- Color contrast checking is simplified and may not detect all contrast issues—use dedicated tools for precise contrast verification.
- Dynamic content (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.
Similar Apps
