AccessIQ — Accessibility Scanner & Heatmap Analytics

Popis

AccessIQ is the only WordPress plugin that combines a full WCAG 2.1 accessibility scanner with a click heatmap engine and behavior analytics — giving you everything you need to build a faster, more accessible, and higher-converting website.

Whether you’re a developer, agency, or site owner, AccessIQ helps you find and fix accessibility issues before they become legal problems — and understand your visitors like never before.

🔬 Live Demo

Why Choose AccessIQ for Your WordPress Site?

You might be thinking, „Can’t I just use a free online checker?“ While true, online checkers give you a one-time snapshot with no tracking, no analytics, and no integration with your WordPress dashboard.

AccessIQ fills this gap by offering:

All-in-One Solution: Accessibility scanning + heatmaps + behavior analytics in a single plugin — no need for 3 separate tools.

Professional Dashboard: A beautiful dark-themed admin dashboard with animated charts, score rings, and filterable reports.

Privacy-First Analytics: All click and session data is stored in your own database — nothing sent to external servers.

Actionable Insights: Don’t just find problems — understand them. Every violation comes with context, and every heatmap shows real user behavior.

Legal Compliance: WCAG 2.1 compliance is increasingly required by law (ADA, EAA, Section 508). AccessIQ helps you stay ahead.

Lightweight & Fast: No bloat, no external dependencies for core features. Tracking script is under 3KB and loads asynchronously.

What Makes AccessIQ Stand Out?

AccessIQ doesn’t just replicate basic accessibility checking. Here’s what sets it apart:

Real Heatmaps Inside WP Admin: See exactly where users click, overlaid on your live site — without leaving your WordPress dashboard. No external service needed.

Animated Compliance Score: A beautiful 0–100 score ring shows your accessibility health at a glance, with grade labels (Excellent / Good / Fair / Poor).

Violations by Category Chart: Instantly see which types of issues dominate — Images, Contrast, Headings, ARIA, or Forms.

Device Breakdown Donut Chart: Understand your audience — Desktop vs Mobile vs Tablet — with an animated Chart.js visualization.

Tab Navigation Dashboard: Overview, Violations, Auto-Fix, and Reports — all in one organized interface.

Frontend Accessibility Widget: A floating toolbar lets visitors adjust font size, enable high contrast, switch to dyslexia-friendly fonts, and more.

Who is AccessIQ Most Useful For?

AccessIQ is incredibly versatile and beneficial for a wide range of WordPress users:

Developers & Agencies: Run WCAG audits for clients, generate compliance reports, and identify issues before launch.

Business Owners: Protect your business from accessibility lawsuits (ADA, EAA) by maintaining WCAG 2.1 compliance.

Bloggers & Content Creators: Understand where readers click and which content drives engagement — without sending data to Google.

E-commerce Sites: Discover where customers drop off and which elements get the most interaction on product pages.

Educational Institutions: Ensure your learning management content is accessible to all students including those with disabilities.

Government & Nonprofits: Meet legal accessibility requirements (Section 508, EN 301 549) with detailed compliance reports.

UX Designers: Use heatmap data to validate design decisions and improve user experience based on real click behavior.

SEO Professionals: Well-structured, accessible content improves search rankings — AccessIQ helps you maintain both.

🔬 WCAG Scanner Features

• Compliance Score (0–100): Animated score ring with grade label per page
• WCAG 2.1 Level A, AA, AAA: Choose your compliance target per scan
• Violations by Category: Visual bar chart — Images, Contrast, Headings, ARIA, Forms
• Severity Labels: Critical / Serious / Moderate issue classification
• Element Selector: See exactly which HTML element caused the violation
• Scan History: Full history with date, score, issue count, and WCAG level
• One-click Re-scan: Re-scan any page instantly from the reports page
• Print Reports: Print scan reports directly from the browser
• Unlimited scans: Run as many WCAG scans as you need from your admin
• Single Report View: Detailed breakdown with back navigation and print option
• Perfect Score Celebration: Special screen when a page scores 100/100

🔥 Heatmap Engine Features

• Live Click Heatmap: Visualize click intensity overlaid on your live site
• In-Dashboard Preview: See heatmaps inside WP Admin — no external app needed
• macOS-style Chrome: Professional browser frame with URL bar and LIVE PREVIEW badge
• Top Clicked Elements: Ranked table with element selector, click count, and % of total
• Rank Indicators: Gold / Silver / Bronze rank numbers for top 3 elements
• Date Range Filter: 7 days, 30 days, 90 days
• Device Filter: All Devices, Desktop, Mobile, Tablet
• Page Dropdown: Select any tracked page from the dropdown
• Pages Being Tracked: See how many pages have active tracking
• Peak Activity Hour: Discover when your visitors are most active
• Most Clicked Element: Instantly see the top interacted element
• Self-Hosted: 100% — all data stays in your WordPress database
• Lightweight Tracker: Under 3KB, loads asynchronously, zero performance impact

📈 Behavior Analytics Features

• Session Tracking: Total sessions, average time on page, bounce rate
• Daily Sessions Chart: Beautiful Chart.js line chart with gradient fill and hover tooltips
• Device Breakdown: Animated donut chart — Desktop, Mobile, Tablet split with legend
• Top Pages Performance: Sessions, avg time, bounce rate, top device per page
• Date Range Filter: 7, 30, 90 day periods
• Bounce Rate Alerts: Color-coded — red (high), amber (medium), green (low)
• Real-time Indicator: Live status badge showing last update time
• Privacy-First: No cookies, no third-party scripts, no Google Analytics needed

♿ Accessibility Widget Features

• Floating Toolbar: Frontend widget for site visitors with accessibility needs
• Font Size Control: Adjust text size from 80% to 150%
• High Contrast Mode: Switch to high-contrast color scheme
• Dyslexia-Friendly Font: Apply Lexend font for easier reading
• Keyboard Navigation: Highlight keyboard focus indicators
• Screen Reader Optimize: Optimize page for screen readers
• Widget Position: Top Left, Top Right, Bottom Left, Bottom Right
• Brand Color: Customize widget color to match your brand (9 color options)
• Show/Hide on Mobile: Control widget visibility per device

🎛️ Settings

Go to AccessIQ → Settings to configure the plugin. Settings are organized into tabs:

Accessibility → Widget:
* Enable/Disable floating toolbar
* Show on mobile toggle
* Widget position (Top Left, Top Right, Bottom Left, Bottom Right)
* Brand color selector (9 colors)
* Feature toggles: Font Size, High Contrast, Dyslexia Font, Keyboard Nav, Screen Reader Optimize

Accessibility → Scanner:
* Default WCAG level (A / AA)
* Notification email for scan alerts

InsightForge → Analytics:
* Tracking enable/disable
* Data retention period
* Session timeout configuration

✨ Why AccessIQ?

• 2-in-1 — Accessibility + Analytics in one plugin — save money on tools
• Privacy-first — All data stored in your own database, GDPR friendly
• No API keys required — Core features work out of the box
• Dark theme dashboard — Easy on the eyes, beautiful and modern
• Lightweight — No bloat, optimized for performance
• Developer-friendly — Clean OOP PHP, proper hooks, sanitization everywhere
• Actively maintained — Regular updates and responsive support

External Services

This plugin does not send any scan, click, or session data to external servers. All analytics data is stored exclusively in your WordPress database.

The WCAG scanner runs entirely in the browser (client-side within the WordPress admin). The target page is loaded and analyzed locally, then results are saved via AJAX to your site. No scan data leaves your server.

Google Fonts

This plugin loads typefaces from Google Fonts (fonts.googleapis.com) in two places:

1. Admin screens — DM Sans and DM Mono are loaded when you visit an AccessIQ admin page.
2. Frontend accessibility widget — Lexend is loaded on public pages when the accessibility toolbar is enabled.

When these fonts are requested the visitor’s browser sends a standard HTTP request to Google servers, which may include the visitor’s IP address, browser user-agent, and the referring page URL.

• Service: Google Fonts, provided by Google LLC
• Terms of Service: https://policies.google.com/terms
• Privacy Policy: https://policies.google.com/privacy

Privacy Policy

AccessIQ stores the following data in your WordPress database:

Click Events (Heatmap):

• X/Y click coordinates
• CSS element selector
• Page URL
• Timestamp
• Device type

Sessions (Behavior Analytics):

• Page URL
• Session duration
• Device type
• Timestamp
• Bounce status

Scan Results:

• Page URL scanned
• WCAG violations found
• Compliance score
• Scan timestamp
• WCAG level selected

What we do NOT collect:

• IP addresses
• User names or email addresses
• Cookies or persistent identifiers
• Any personally identifiable information (PII)

Core plugin data is not sent to third-party servers; it stays in your database. The WordPress admin loads fonts from Google Fonts (see the External Services section). You can delete AccessIQ data by deactivating and deleting the plugin.

For heatmap and analytics tracking, we recommend adding a disclosure to your site’s privacy policy informing visitors that anonymous click and session data is collected for site improvement purposes.

Development Source

The uncompiled source code is available at: https://gitlab.com/thereadscope/accessiq