Shadcn.io is not affiliated with official shadcn/ui
Todo List Accessibility Check
An accessibility compliance checklist block for React and Next.js with WCAG principles, conformance level badges, pass/fail tracking, and compliance percentage built with shadcn/ui and Tailwind CSS
Verify WCAG accessibility compliance with this structured checklist block for React and Next.js. Features four WCAG principles (Perceivable, Operable, Understandable, Robust) with conformance level badges (A, AA, AAA), pass/fail status per criterion, and an overall compliance percentage. Built with TypeScript, shadcn/ui Badge, Button, and Checkbox components, framer-motion staggered entrance animations, and Tailwind CSS. Ideal for accessibility audits, QA pipelines, and inclusive design workflows.
Related Components
Design Review Todo List
Design review checklist
QA Checklist Todo List
QA testing checklist
Security Audit Todo List
Security audit checklist
Compliance Todo List
Compliance requirements checklist
Deployment Todo List
Deployment checklist tracker
Release Notes Todo List
Release preparation checklist
FAQ
Was this page helpful?
Sign in to leave feedback.
Year Overview
React 12-month year overview calendar block for Next.js with heat map style event density per day, month grids, color-coded intensity levels, and yearly statistics using shadcn/ui and Tailwind CSS
Analytics
A task statistics dashboard todo list block for React and Next.js with stat cards, completion rate, week-over-week comparison, and productivity score built with shadcn/ui and Tailwind CSS