All projects

Studio product · Taylance Tech

AuditBloc — Web Accessibility Scanner

I built AuditBloc as a free web accessibility and compliance scanner for Taylance Tech. It checks websites for WCAG accessibility issues, GDPR cookie banner problems, and AI content disclosure. I used Next.js 16, Playwright for browser automation, axe-core for accessibility testing, and Supabase for the backend.

AuditBloc scanner dashboard showing accessibility check results — built by Tayyab

What I built

  • Scans websites for WCAG accessibility issues automatically
  • Checks GDPR cookie banners and AI content disclosure
  • Uses Playwright to control browsers like a real user
  • Free for anyone to use - no account required
  • Shows results in a clear, easy-to-understand dashboard
  • Includes detailed guides on accessibility and compliance

Stack

  • Studio product
  • Next.js 16
  • Playwright
  • axe-core
  • Supabase
  • WCAG compliance
  • GDPR compliance
  • Docker

Technologies I used

  • Next.js 16 with App Router
  • React 19 and TypeScript
  • Playwright for browser automation
  • axe-core for accessibility testing
  • Supabase for authentication and database
  • Redis for email verification codes
  • Nodemailer for sending emails
  • Tailwind CSS for styling
  • Docker for deployment

AuditBloc is a product from Taylance Tech. I built the entire application - from the scanning engine to the user interface and all the educational content.