Shadcn Accessibility Blocks
Browse 12 Application Pro accessibility blocks for shadcn/ui. A11y checklists, contrast tools, keyboard guides, and label audits.
Application Accessibility: A11y Issue Trends
Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.
Application Accessibility: Touch Target Audit
Interactive control audit showing hit areas at true scale in 44px frames with measured sizes, AA and AAA badges, and fix hints.
Application Accessibility: Focus Order Inspector
Split audit view pairing a dialog blueprint with numbered focus markers beside a stop list showing selectors, roles, and flagged order issues.
Application Accessibility: Contrast Checker Card
Theme token contrast audit card showing computed ratios and AA and AAA pass badges for normal and large text across four Acme token pairings.
Application Accessibility: Media Captions Audit
Media library audit pairing coverage tiles and progress bars with a per asset table of caption, transcript, and audio description chips.
Application Accessibility: Assistive Tech Matrix
Screen reader support matrix crossing core app flows with four assistive tech pairings, labeled status cells, and an open findings list.
Application Accessibility: A11y Preferences Panel
Accessibility settings panel with a text size selector, live sample line, and grouped vision, motion, and screen reader switches with helper text.
Application Accessibility: Screen Reader Labels Table
Accessible name audit table listing Acme workspace UI elements with their computed label, ARIA role, labeled or missing status, and an exact fix hint.
Application Accessibility: Live Region Log
ARIA live region event log with timestamps, politeness badges, source selectors, and flags for duplicate, chatty, and empty announcements.
Application Accessibility: Heading Outline Tree
Indented document heading tree with landmark chips, level tags, and issue badges for skipped levels, empty headings, and a duplicate H1.
Application Accessibility: A11y Checklist Panel
WCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall score, and per-row links to the W3C understanding docs.
Application Accessibility: Keyboard Nav Guide
Keyboard shortcut reference table covering global browser keys and Acme app shortcuts rendered with Kbd components, action descriptions, and context labels.