Multi-Tenant SaaS Platform

Designed and developed a comprehensive SaaS accessibility platform serving over 100,000 end-users through privately served accessibility widgets. The platform provides businesses with a complete accessibility management solution including site registration, widget deployment, automated auditing, and compliance reporting through an integrated dashboard and API delivery system.

Customer Portal: Customers access a private Vue.js/Laravel dashboard to register and manage their websites. Once registered, they receive a unique API endpoint that delivers a customized accessibility widget to their site visitors. The widget is injected into the customer's website via a simple <script> tag in the HEAD section, with all requests validated through sophisticated middleware authentication.

Accessibility Widget Delivery: The TypeScript/Preact-based widget is dynamically served through API endpoints with request validation, ensuring only authorized sites receive the widget. The system features 22 built-in accessibility plugins providing comprehensive WCAG 2.1 compliance tools including color contrast adjustment, dark mode, title emphasis, font scaling, keyboard navigation, and text-to-speech capabilities. An extensible plugin system allows customers to adjust the widget's features and behavior based on their specific site's accessibility needs.1

Automated Compliance Tools: Integrated pa11y-powered auditing service allows customers to perform comprehensive accessibility scans directly from their dashboard. The platform also generates dynamic accessibility statements - templated compliance documents that explain accessibility policies to end users, customizable per customer and automatically updated based on enabled features.

Platform Architecture

The WCASG platform operates as a comprehensive SaaS solution with a customer portal at its core, managing widget delivery and accessibility services through four interconnected systems & services.

WCASG Dashboard - Vue.js/Laravel customer portal and management platform

• Private customer portal for site registration and widget management
• Site-specific API endpoint with unique authentication tokens
• Widget request validation middleware ensuring authorized delivery only
• Subscription and billing management via Stripe integration with plan-based site limits
• Real-time analytics dashboard tracking widget usage and accessibility feature adoption
• Dynamic accessibility statement generation with customizable templates per customer
• User management with role-based permissions and customer support impersonation

WCASG Widget - TypeScript/Preact accessibility overlay

• API-delivered widget served through validated endpoints to registered sites
• 22 accessibility plugins including color contrast, dark mode, font scaling, and keyboard navigation
• Modular plugin architecture with customer-configurable feature sets
• Redux state management for real-time accessibility adjustments
• Text-to-speech integration via Google TTS with AWS Lambda processing
• Cross-site compatibility with framework-agnostic implementation
• Customizable widget themes for tailored user experiences

WCASG Audit - pa11y-powered accessibility scanning service

• Customer-initiated auditing directly from dashboard interface
• WCAG 2.1 compliance scanning with detailed violation reporting and remediation guidance
• Automated scheduling for regular accessibility monitoring
• RESTful API integration with dashboard for seamless audit management
• MongoDB result storage with historical tracking and trend analysis

WCASG Extensions - Dynamic widget enhancement framework

• Predicate-based execution system for conditional accessibility improvements
• Framework-specific optimizations (jQuery, WordPress, Bootstrap compatibility)
• Runtime extensibility for custom accessibility implementations
• Customer-specific enhancements based on site requirements and feedback

Technical Infrastructure

Multi-Tenant Architecture

• Complete data isolation with subscription-based site limits
• Dynamic JSON Schema validation for business logic constraints
• Token-based API authentication with cross-origin security validation
• Real-time widget delivery with automated payload optimization

Scalable Backend Services

• Vue.js frontend with Laravel API backend architecture
• MongoDB for audit data and analytics storage
• MySQL for dashboard and user management
• Redis caching layers for performance optimization

Real-Time Analytics Pipeline

• Widget request tracking via Amazon SQS messaging
• Direct integration with Coeus, a multi-tenant, policy-based data management API
• Text-to-speech request handling through Google TTS via Amazon API Gateway and AWS Lambda
• Custom dashboard analytics with filtering and reporting

Cloud Infrastructure

• AWS multi-environment deployment (testing/production)
• Docker containerization
• GitLab CI/CD for automated deployment pipelines
• Amazon RDS for relational data with backup strategies
• Amazon S3 for media asset storage and CDN delivery

Accessibility Innovation

The platform delivers comprehensive accessibility solutions through a customer-centric approach that combines automated compliance tools with an extensive plugin-based widget system:

22 Built-in Accessibility Plugins The widget system provides end users with a comprehensive toolkit for accessibility customization, including:

• Visual Adjustments - Color contrast enhancement, dark mode toggle, brightness controls, and color blindness accommodations
• Typography Controls - Dynamic font scaling, font family selection, letter spacing, and line height adjustments
• Navigation Enhancements - Keyboard navigation optimization, focus indicators, skip links, and reading guides
• Motor Accessibility - Alternative input support, click assistance, and interaction simplification
• Cognitive Support - Content highlighting, distraction reduction, and simplified layouts
• Audio Features - Text-to-speech integration with voice customization and reading speed control

Dynamic Accessibility Statements

• Template-based generation with customer-specific customization options
• Automatic feature detection reflecting enabled plugins and accessibility tools
• Legal compliance formatting meeting ADA and WCAG documentation requirements
• Real-time updates based on widget configuration changes and customer preferences
• Multi-language support for international accessibility compliance

Multi-tenant Customer Portal

• Widget configuration interface allowing customers to enable/disable specific accessibility plugins
• Real-time deployment with immediate widget availability after configuration changes
• Usage analytics tracking end-user interactions with accessibility features across customer sites
• Compliance reporting providing detailed insights into accessibility feature adoption and effectiveness