All projects · SaaS Product Tools
AccessAudit — Website Accessibility Checker
A simulated WCAG 2.1 Level AA accessibility audit that evaluates a fixed mock e-commerce page against eight rules (alt text, color contrast,…
A simulated WCAG 2.1 Level AA accessibility audit that evaluates a fixed mock e-commerce page against eight rules (alt text, color contrast, button labels, form labels, page language, heading order, focus indicators, link purpose), then renders an animated score gauge, pass/fail breakdown, severity-tagged findings, and expandable fix recommendations with code snippets. Selecting a check highlights the offending element in a mock browser preview.
- Eight declarative WCAG rules tested against inspectable mock page data (not live DOM)
- Animated 0–100 score gauge with verdict tiers (Poor → Excellent)
- Element highlighting on an embedded mock browser preview
- Expandable per-check fix guidance with escaped code examples and All/Failed/Passed filter tabs
Built with: Vanilla JavaScript, SVG stroke-dashoffset gauge animation, CSS custom properties, Rule-engine pattern (declarative rules array), JetBrains Mono for code, Google Fonts