A11y Issue Trends
Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.
Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
A11y Issue Trends charts open accessibility issues across the last six release audits of the Acme workspace, from v2.4 through v2.9. A stacked bar splits each release into critical, serious, moderate, and minor counts, with a headline open total for the latest release and a remediation note. The direction reads at a glance: critical reached zero in v2.9 for the first time, and the remaining serious issues all sit in the legacy report builder.
The chart is built on the shadcn chart primitives with a typed data array and a ChartConfig, so swapping in your own audit series is the only change needed. Severity colors come from the chart tokens, and the legend and tooltip read their labels straight from the config.
Reach for this block on the accessibility dashboard or an engineering health page, wired to the issue counts your audit tool exports each release. Show enough releases that the direction of the trend is obvious.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the release over release severity trend. Other trend shapes:
Tip: keep the severity order consistent between the stack and your triage board so a glance at the chart maps to how you actually prioritize fixes.