Dashboard Charts and Metrics Guide
This guide explains the current dashboard cards, charts, wide panels, and drilldown behavior. It reflects the
newer support table, stricter WCAG-only charting, friendlier rule labels, and drilldown search/paging.
Recent dashboard changes: WCAG Support Coverage panel, WCAG chart cleanup,
improved rule labels, better component label display, and drilldowns with search, page-size controls, and
pagination.
How to read the dashboard overall
- How much issue volume exists?
- Where is it concentrated?
- How much of it looks systemic or reusable?
- Which fixes could remove the most repeated issues first?
The top cards provide a snapshot. The chart panels show pattern shape. The wide panels validate the dataset and
help turn findings into action. The drilldown lets you inspect the findings behind a chart bar or fix row.
Top metric cards
- Violations: total processed findings.
- Pages Affected: count of unique normalized pages with at least one finding.
- WCAG Criteria Affected: count of distinct WCAG success criteria represented.
- Shared Pattern Impact: percentage of issue volume tied to shared patterns or reusable
sources.
- Opportunity Score: estimated percentage of findings concentrated in the top remediation
opportunities.
- Accessibility Debt Index: weighted burden score based on repetition, spread, and
systemicity.
- Cross-Tool Overlap: counts of
verified, likely, and
single findings.
- Evidence Confidence: evidence strength summary.
- WCAG Levels: A / AA / AAA counts.
- Legacy Frames: frame/iframe-related counts and pages.
- Shared Source Rate: percentage tied to shared components, templates, or patterns.
- Top 5 Page Concentration: share of issue volume in the five most affected pages.
Main chart and table panels
Tool Agreement Profile
Shows how often each tool’s findings agree across families, overlap only within the same family, or remain
unique. This is a corroboration view, not a truth meter.
Reading tip: cross-family agreement takes precedence over same-family-only agreement. So a finding shared by sibling tools and also by a different tool family will appear as cross-family rather than same-family-only.
WCAG Support Coverage
A summary table of high-level WCAG support breadth by tool framework. Treat it as a capability overview rather
than a guarantee that every configured run is exercising every supported rule.
Top Problem Types
Rolls component findings into broad issue areas such as Forms, Interactive, Navigation, Content, Structure,
Media, ARIA, and Other.
Component Heatmap
Shows which inferred UI components generate the most findings. Labels are humanized for display, while
drilldowns still use the raw component keys underneath.
WCAG Rule Breakdown
Shows only valid WCAG criteria now. Non-WCAG rule ids and messages are intentionally excluded.
Issues per Page
Highlights the most affected pages so you can spot concentration or template noise quickly.
Page Inventory Check
Validates cross-tool page coverage before you trust the rest of the dashboard. This is one of the most
important trust checks in the dashboard.
Fix Once, Benefit Many
A ranked shortlist of repeated patterns most worth fixing first. It is the most action-oriented panel in the
dashboard.
Drilldown behavior
Clicking a chart bar or fix row opens the drilldown panel for the current subset.
- Search across the current drilldown result set
- Page size selection (10 / 25 / 50 / 100)
- Pagination for long result sets
Typical fields shown include rule label, page, component, issue scope, pattern, source, DOM path / selector,
fingerprint, and message.
Companion pages around the dashboard
The dashboard now sits within a small set of companion pages that provide supporting evidence in different forms. Together they make it easier to move from headline metrics to concrete examples.
- Website Screenshots: a per-page visual gallery for fast page recognition and coverage checking.
- Virtual Screenreader: simulated reading-order style output to help spot naming, order, and structural issues that may not be obvious from screenshots alone.
- Tabbing Order: page-level keyboard focus map previews that help surface awkward focus travel and interactive clutter.
- Contrast Report: per-page contrast findings and previews, useful for checking whether visual contrast issues are concentrated in only a few templates or spread more widely.
These pages do not replace the dashboard. They support it by giving you alternate views of the same audit run: summary, visual, keyboard, reading-order, and contrast-specific.
Interpreting overlap and coverage carefully
- More overlap across tool families often suggests stronger corroboration.
- Same-family overlap can be sensitive to deduplication logic and selector/fingerprint strictness.
- A wider tool stack improves breadth and confidence, but automated coverage remains partial.
Dashboard totals and overlap views should be interpreted as evidence
organization, not as the final truth about accessibility quality.
Suggested dashboard reading order
- Check Page Inventory Check first.
- Use Top Problem Types and Component Heatmap to understand the shape of the
issue space.
- Use WCAG Rule Breakdown for standards-focused reporting.
- Use Tool Agreement Profile to understand corroboration patterns.
- Use Fix Once, Benefit Many to build a remediation queue.
- Use drilldown search and paging to inspect the exact findings behind any bar or row.