thereadscope

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.
🔬 <a href="https://accessiq.thereadscope.com/" rel="nofollow ugc">Live Demo</a>
<h4>Why Choose AccessIQ for Your WordPress Site?</h4>
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.
<h4>What Makes AccessIQ Stand Out?</h4>
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.
<h4>Who is AccessIQ Most Useful For?</h4>
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.
<h4>🔬 WCAG Scanner Features</h4>
<ul>
<li>Compliance Score (0–100): Animated score ring with grade label per page</li>
<li>WCAG 2.1 Level A, AA, AAA: Choose your compliance target per scan</li>
<li>Violations by Category: Visual bar chart — Images, Contrast, Headings, ARIA, Forms</li>
<li>Severity Labels: Critical / Serious / Moderate issue classification</li>
<li>Element Selector: See exactly which HTML element caused the violation</li>
<li>Scan History: Full history with date, score, issue count, and WCAG level</li>
<li>One-click Re-scan: Re-scan any page instantly from the reports page</li>
<li>Print Reports: Print scan reports directly from the browser</li>
<li>Unlimited scans: Run as many WCAG scans as you need from your admin</li>
<li>Single Report View: Detailed breakdown with back navigation and print option</li>
<li>Perfect Score Celebration: Special screen when a page scores 100/100</li>
</ul>
<h4>🔥 Heatmap Engine Features</h4>
<ul>
<li>Live Click Heatmap: Visualize click intensity overlaid on your live site</li>
<li>In-Dashboard Preview: See heatmaps inside WP Admin — no external app needed</li>
<li>macOS-style Chrome: Professional browser frame with URL bar and LIVE PREVIEW badge</li>
<li>Top Clicked Elements: Ranked table with element selector, click count, and % of total</li>
<li>Rank Indicators: Gold / Silver / Bronze rank numbers for top 3 elements</li>
<li>Date Range Filter: 7 days, 30 days, 90 days</li>
<li>Device Filter: All Devices, Desktop, Mobile, Tablet</li>
<li>Page Dropdown: Select any tracked page from the dropdown</li>
<li>Pages Being Tracked: See how many pages have active tracking</li>
<li>Peak Activity Hour: Discover when your visitors are most active</li>
<li>Most Clicked Element: Instantly see the top interacted element</li>
<li>Self-Hosted: 100% — all data stays in your WordPress database</li>
<li>Lightweight Tracker: Under 3KB, loads asynchronously, zero performance impact</li>
</ul>
<h4>📈 Behavior Analytics Features</h4>
<ul>
<li>Session Tracking: Total sessions, average time on page, bounce rate</li>
<li>Daily Sessions Chart: Beautiful Chart.js line chart with gradient fill and hover tooltips</li>
<li>Device Breakdown: Animated donut chart — Desktop, Mobile, Tablet split with legend</li>
<li>Top Pages Performance: Sessions, avg time, bounce rate, top device per page</li>
<li>Date Range Filter: 7, 30, 90 day periods</li>
<li>Bounce Rate Alerts: Color-coded — red (high), amber (medium), green (low)</li>
<li>Real-time Indicator: Live status badge showing last update time</li>
<li>Privacy-First: No cookies, no third-party scripts, no Google Analytics needed</li>
</ul>
<h4>♿ Accessibility Widget Features</h4>
<ul>
<li>Floating Toolbar: Frontend widget for site visitors with accessibility needs</li>
<li>Font Size Control: Adjust text size from 80% to 150%</li>
<li>High Contrast Mode: Switch to high-contrast color scheme</li>
<li>Dyslexia-Friendly Font: Apply Lexend font for easier reading</li>
<li>Keyboard Navigation: Highlight keyboard focus indicators</li>
<li>Screen Reader Optimize: Optimize page for screen readers</li>
<li>Widget Position: Top Left, Top Right, Bottom Left, Bottom Right</li>
<li>Brand Color: Customize widget color to match your brand (9 color options)</li>
<li>Show/Hide on Mobile: Control widget visibility per device</li>
</ul>
<h4>🎛️ Settings</h4>
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
<h4>✨ Why AccessIQ?</h4>
<ul>
<li>2-in-1 — Accessibility + Analytics in one plugin — save money on tools</li>
<li>Privacy-first — All data stored in your own database, GDPR friendly</li>
<li>No API keys required — Core features work out of the box</li>
<li>Dark theme dashboard — Easy on the eyes, beautiful and modern</li>
<li>Lightweight — No bloat, optimized for performance</li>
<li>Developer-friendly — Clean OOP PHP, proper hooks, sanitization everywhere</li>
<li>Actively maintained — Regular updates and responsive support</li>
</ul>
<h3>External Services</h3>
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.
<h4>Google Fonts</h4>
This plugin loads typefaces from Google Fonts (fonts.googleapis.com) in two places:
<ol>
<li>Admin screens — DM Sans and DM Mono are loaded when you visit an AccessIQ admin page.</li>
<li>Frontend accessibility widget — Lexend is loaded on public pages when the accessibility toolbar is enabled.</li>
</ol>
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.
<ul>
<li>Service: Google Fonts, provided by Google LLC</li>
<li>Terms of Service: https://policies.google.com/terms</li>
<li>Privacy Policy: https://policies.google.com/privacy</li>
</ul>
<h3>Privacy Policy</h3>
AccessIQ stores the following data in your WordPress database:
Click Events (Heatmap):
<ul>
<li>X/Y click coordinates</li>
<li>CSS element selector</li>
<li>Page URL</li>
<li>Timestamp</li>
<li>Device type</li>
</ul>
Sessions (Behavior Analytics):
<ul>
<li>Page URL</li>
<li>Session duration</li>
<li>Device type</li>
<li>Timestamp</li>
<li>Bounce status</li>
</ul>
Scan Results:
<ul>
<li>Page URL scanned</li>
<li>WCAG violations found</li>
<li>Compliance score</li>
<li>Scan timestamp</li>
<li>WCAG level selected</li>
</ul>
What we do NOT collect:
<ul>
<li>IP addresses</li>
<li>User names or email addresses</li>
<li>Cookies or persistent identifiers</li>
<li>Any personally identifiable information (PII)</li>
</ul>
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.
<h3>Development Source</h3>
The uncompiled source code is available at: https://gitlab.com/thereadscope/accessiq

AccessIQ — Accessibility Scanner & Heatmap Analytics

Scan your site for WCAG 2.1 accessibility violations AND see exactly where visitors click — all in one powerful plugin.

Quicksnail Plugins

WCAG for WP

The Web Accessibility Toolkit helps your WordPress site meet ADA compliance and WCAG compliance standards with powerful accessibility checking and fixing tools.
This plugin is not an ‘overlay’ or a ‘widget’ – it provides real code fixes to assist with WCAG & ADA compliance for WordPress.
Scan your site with the built-in Accessibility Checker to identify issues such as missing ARIA labels, low contrast text, missing alt tags, incorrect heading structure & plenty more.
Apply one-click fixes for many common accessibility issues to improve usability and help meet requirements for laws and standards like WCAG, ADA, EAA, Section 508, EN 301 549, and AODA.
<a href="https://wcagforwp.com/docs/" rel="nofollow ugc">Documentation</a> | <a href="https://wcagforwp.com/accessibility-checker-demo/" rel="nofollow ugc">Accessibility Checker Demo</a> | <a href="https://wcagforwp.com/pricing/" rel="nofollow ugc">PRO Plugin</a>
<h3>Accessibility Checker</h3>
The built-in Accessibility Checker scans your WordPress site in real time to identify common accessibility issues that could affect WCAG compliance and ADA compliance. With a single click, you can run an accessibility check on any page and get clear, actionable details.
The checker highlights issues directly on the page, including:
<ul>
<li>Missing or empty ARIA labels</li>
<li>Low color contrast between text and background</li>
<li>Missing alt text on images</li>
<li>Skipped heading levels (e.g., jumping from H2 to H4)</li>
<li>Broken ARIA references</li>
<li>Interactive elements without keyboard focus</li>
<li>Improper tab order</li>
<li>Missing page titles</li>
<li>Duplicate link text with different destinations</li>
<li>Duplicate IDs in the DOM</li>
<li>Form fields without labels or ARIA labels</li>
<li>Use of user-scalable=no in viewport meta tags</li>
<li>Non-focusable interactive elements</li>
</ul>
Each issue includes details on what it means, why it matters for accessibility and how to fix it. Many problems can be resolved instantly using the plugin’s one-click fixes, while others provide guidance so you can address them in your theme or content.
<h3>Accessibility Fixes for WCAG & ADA Compliance</h3>
<ul>
<li>
<h4>ARIA Attributes</h4>
Add ARIA attributes such as <code>aria-label</code>, <code>aria-hidden</code>, <code>aria-expanded</code>, <code>aria-live</code>, <code>aria-level</code>, and more to any element.
</li>
<li>
<h4>ARIA Roles</h4>
Assign semantic roles like <code>banner</code>, <code>navigation</code>, <code>main</code>, <code>complementary</code>, and <code>contentinfo</code> to improve screen reader navigation.
</li>
<li>
<h4>Image Alt Tags</h4>
Shows a list of all images that are missing alt tags, and allows you to easily update them all from the one spot.
</li>
<li>
<h4>Contrast Adjustments</h4>
Override text and background colors for low-contrast elements using accessible HEX values.
</li>
<li>
<h4>Skip Link Target</h4>
Add a keyboard/screen-reader-visible “Skip to content” link by defining a main content selector.
</li>
<li>
<h4>Language Override</h4>
Set or override the HTML <code>lang</code> attribute for improved screen reader compatibility.
</li>
<li>
<h4>Focus Outline Enhancements</h4>
Ensure visible focus styles are enforced for better keyboard navigation.
</li>
<li>
<h4>Fix Tab Order</h4>
Remove tabindex values greater than 0 to maintain a logical focus order.
</li>
<li>
<h4>Make Viewport Scalable</h4>
Remove user-scalable=no from the viewport meta tag to allow pinch-zooming.
</li>
<li>
<h4>CSS Selector-Based Targeting</h4>
Use any valid CSS selector to apply changes without modifying theme or template files.
</li>
</ul>
<h3>Why Use Web Accessibility Toolkit?</h3>
Most WordPress themes don’t include full accessibility support. Web Accessibility Toolkit lets you patch those gaps quickly, keeping your site more inclusive and compliant with ADA & WCAG guidelines.
Whether you’re a developer working on a client site or a business owner aiming for better usability, this plugin makes accessibility updates faster and easier.
The Web Accessibility Toolkit is NOT an overlay widget, which can often do more harm than good for accessibility. This plugin fixes underlying code issues.
<h3>Compatibility</h3>
<ul>
<li>Compatible with all WordPress themes </li>
<li>Compatible with all WordPress plugins </li>
<li>Works alongside popular page builders </li>
<li>Designed with WCAG 2.1 AA standards and ADA compliance in mind</li>
</ul>

Web Accessibility Toolkit – ARIA Labels & Roles for WCAG & ADA Compliance


A very useful and lightweight accessibility plugin that focuses on real, code-level improvements rather than overlays. The ARIA and landmark role tools, along with the built-in accessibility checker, make it easy to identify and fix common accessibility issues that many themes miss. Easy to use, works well with any theme, and a solid choice for improving WCAG-friendly accessibility on WordPress sites.


Lightweight and Effective Accessibility Toolkit

Add ARIA labels, roles, alt tags, contrast & form accessibility fixes. Accessibility checker scans your site for WCAG & ADA compliance & fixes issues.

AccessIQ — Accessibility Scanner & Heatmap Analytics vs Web Accessibility Toolkit – ARIA Labels & Roles for WCAG & ADA Compliance