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.

John Jameson

Jason Partyka

Editoria11y (“editorial accessibility ally”) is a quality assurance tool built for an author’s workflow:
<ol>
<li>It provides instant feedback in the post and page editors. Authors do not need to remember to press a button or visit a dashboard to check their work.</li>
<li>It checks in context on pages, not just within the post editor, allowing it to test content edited in widgets or theme features.</li>
<li>It focuses exclusively on content issues: assisting authors at improving the things that are their responsibility.</li>
</ol>
This plugin is the WordPress adaptation of the open-source <a href="https://editoria11y.princeton.edu" rel="nofollow ugc">Editoria11y library</a>. Tests run in the browser and findings are stored in your own database; nothing is sent to any third party. It is meant to supplement, not replace, <a href="https://webaim.org/resources/evalquickref/" rel="nofollow ugc">testing your code and visual design</a> with developer-focused tools and testing practices.
<h3>The authoring experience</h3>
Check out a <a href="https://editoria11y.princeton.edu/next" rel="nofollow ugc">demo of the checker itself</a>.
<ul>
<li>When logged-in authors and editors are viewing pages, Editoria11y inserts tooltips marking any issues present on the current page. Issues are also highlighted while editing in the Block Editor (Gutenberg) and Classic Editor (TinyMCE).</li>
<li>Tooltips explain each problem and what actions are needed to resolve it. Some issues are “manual checks,” which have buttons to ignore the check or mark the content as OK.</li>
<li>Clicking the main toggle shows and hides the tooltips.</li>
<li>The main toggle also allows authors to jump to the next issue, restore previously dismissed alerts, visualize text alternatives for images on the page (“alts”), view the document’s heading outline, and view site-wide detection lists.</li>
</ul>
<h3>The admin experience</h3>
<ul>
<li>Filterable reports let you explore recent issues, which pages have the most issues, which issues are most common, and which issues have been dismissed. These populate and update when published content is viewed by logged-in authors.</li>
<li>Various settings are available to constrain checks to specific parts of the page and tweak the sensitivity of several tests.</li>
</ul>
<h3>The tests</h3>
<ul>
<li>Text alternatives for visual content
<ul>
<li>Images with no alt text</li>
<li>Images with a filename as alt text</li>
<li>Images with very long alt text</li>
<li>Images with fake alt text to get around field validation (e.g. “TBD”)</li>
<li>Alt text that contains redundant text like “image of” or “photo of”</li>
<li>Images in links with alt text that appears to be describing the image instead of the link destination</li>
<li>Embedded visualizations that usually require a text alternative</li>
</ul>
</li>
<li>Meaningful links
<ul>
<li>Links with no text</li>
<li>Links titled with a filename</li>
<li>Links only titled with generic text: “click here,” “learn more,” “download,” etc.</li>
<li>Links that open in a new window without warning</li>
</ul>
</li>
<li>Document outline and structure
<ul>
<li>Skipped heading levels</li>
<li>Empty headings</li>
<li>Very long headings</li>
<li>Suspiciously short blockquotes that may actually be headings</li>
<li>All-bold paragraphs with no punctuation that may actually be headings</li>
<li>Suspicious formatting that should probably be converted to a list (sequences of sentences that start with asterisks, emoji or incrementing numbers/letters)</li>
<li>Tables without headers</li>
<li>Empty table header cells</li>
<li>Tables with document headers (“Header 3”) instead of table headers</li>
</ul>
</li>
<li>General quality assurance
<ul>
<li>LARGE QUANTITIES OF CAPS LOCK TEXT</li>
<li>Links to PDFs and other documents, reminding the user to test the download for accessibility or provide an alternate, accessible format</li>
<li>Video embeds, reminding the user to add closed captions</li>
<li>Audio embeds, reminding the user to provide a transcript</li>
<li>Social media embeds, reminding the user to provide alt attributes</li>
</ul>
</li>
<li><a href="https://editoria11y.princeton.edu/configuration/#customtests" rel="nofollow ugc">Custom results</a> provided by your JS</li>
</ul>
<h3>Credit</h3>
Editoria11y’s WordPress plugin is maintained by Princeton University’s <a href="https://wds.princeton.edu/" rel="nofollow ugc">Web Development Services</a> team:
<ul>
<li><a href="https://github.com/itmaybejj" rel="nofollow ugc">John Jameson</a>: Editoria11y JS and CMS integrations</li>
<li><a href="https://github.com/jasonpartyka" rel="nofollow ugc">Jason Partyka</a>: Devops</li>
<li><a href="https://github.com/bkosborne" rel="nofollow ugc">Brian Osborne</a>: Code review</li>
<li><a href="https://www.drupal.org/u/notmike" rel="nofollow ugc">Michael Muzzie</a>: Wapuu photos</li>
</ul>
Editoria11y began as a fork of the Toronto Metropolitan University’s <a href="https://sa11y.netlify.app/" rel="nofollow ugc">Sa11y Accessibility Checker</a>, and our teams regularly pass new code and ideas back and forth.

Editoria11y Accessibility Checker


My agency has been installing the Editoria11y javascript as part of a custom theme on every client site for months. I was delighted to discover it's now available as an official plugin in the repository. We build sites and train clients on how to enter and update content. Editoria11y Accessibility Checker is a fantastic training tool - it helps content editors see where accessibility problems exist in their content, and helps them figure out solutions and alternatives. Using the plugin is a no-brainer; editors see the alerts right in the web page next to the problem.



Even if you're not concerned about accessibility (you should be), you can use this plugin to highlight issues that affect SEO, since accessibility is closely related to SEO. We're going to be using this plugin on every site for the foreseeable future.  Thanks for building this!


A great tool for content editors


I've experimented with installing similar tools like Tota11y, Sa11y, and the Equalize Digital Accessibility Checker, but this is the tool that has stuck for me because it feels the most approachable to less-experienced editors and it provides suggestions for fixing things.



The errors are helpfully focused on issues that editors can actually do something about, and I think it mostly gets the right balance of making errors appear urgent but not overwhelming.



Each error includes an explanation of why the issue is important and how to resolve it, so that editors can actually take action. And the ability to track issue resolutions overtime in the dashboard is fabulous!


Great tool for helping editors

Content accessibility checker written to be intuitive and useful for non-technical authors and editors.

AccessIQ — Accessibility Scanner & Heatmap Analytics vs Editoria11y Accessibility Checker