60
Build an Accessibility SaaS Platform
UpworkUSNot specifiedexpert
Web DevelopmentJavaScriptUsability TestingWeb DesignCSSHTML5
Build an Accessibility SaaS Platform in two phases:
Phase 1 – Accessibility Plugin (User Assistive Overlay Tool)
Phase 2 – Accessibility Scanning, Dashboard & Remediation Module
Platform must align with automated-detectable criteria of
Web Content Accessibility Guidelines 2.1 / 2.2 Level AA
Scanning engine to leverage established open-source libraries (e.g., axe-core / Pa11y) — not build from scratch.
PHASE 1 – Accessibility Plugin (Overlay Tool)
1. Objective
Develop a JavaScript-based accessibility plugin that website owners can embed via script tag.
The plugin enhances user accessibility experience but does NOT claim full WCAG compliance.
2. Functional Requirements
A. Plugin Deployment
JavaScript snippet integration
Async loading
CDN-hosted
Lightweight (minimal performance impact)
Compatible with React / Angular / Vue / static websites
B. Accessibility Features (User-Side Controls)
Visual Adjustments
Text size increase/decrease
Line height adjustment
Letter spacing adjustment
High contrast mode
Dark/light mode
Grayscale mode
Highlight links
Highlight headings
Dyslexia-friendly font toggle
Navigation Assistance
Focus highlight
Keyboard navigation enhancement
Skip-to-content support
Reading guide
Pause animations
Larger cursor option
C. Plugin UI Requirements
Fully keyboard accessible
Screen-reader compatible
WCAG-compliant UI structure
Proper ARIA usage
Proper focus management
Meets contrast standards
D. Technical Requirements
Shadow DOM isolation (preferred)
No conflict with host site
Responsive design
Cross-browser support
Works on dynamic SPA sites
Configurable branding (logo, colors)
E. Admin Panel (Basic)
Account registration/login
Site registration
Script snippet generation
Basic usage stats
3. Non-Functional Requirements
Secure hosting
Scalable architecture
Multi-tenant
Logging
Error monitoring
4. Deliverables (Phase 1)
Plugin script
Admin dashboard
Deployment guide
Basic documentation
PHASE 2 – Accessibility Scanning & Compliance Module (Lean MVP)
1. Objective
Build an automated accessibility scanning module using established open-source engines aligned with WCAG 2.1/2.2 Level AA (automated-detectable criteria only).
Single-site focus for MVP.
Manual scan trigger only.
2. Technical Approach
Use axe-core or equivalent open-source library
Use headless browser (Puppeteer/Playwright)
Backend-based scan orchestration
Store results in database
Build reporting dashboard
3. Functional Requirements
A. Automated Accessibility Scanning
URL-based scan
Crawl basic internal pages (define max depth – vendor to propose)
Manual scan trigger
Detect automated WCAG violations
Severity classification:
Critical
Major
Minor
Store scan history (basic retention)
Page-level issue breakdown
Handle dynamic SPAs
B. Simplified Compliance Dashboard (Lean MVP)
Overall accessibility score
Total issues by severity
WCAG principle grouping:
Perceivable
Operable
Understandable
Robust
Page-level issue list
CSV export only
No advanced PDF reporting (deferred)
C. Remediation Module (Critical Issues Only)
For detected critical issues:
Issue description
Why it matters
WCAG reference mapping
Suggested fix guidance
Sample code snippet (generic HTML level)
No AI-based fix generation.
No automatic DOM fixing.
No workflow system in MVP.
4. Out of Scope (Phase 2 MVP)
Multi-site portfolio management
Scheduled scans
Enterprise workflow
AI remediation
Auto-fix engine
Branded executive PDF reporting
Legal certification
TECHNICAL STACK EXPECTATIONS (Vendor to Propose)
Preferred:
Backend:
Node.js
Puppeteer or Playwright
REST API
PostgreSQL or MongoDB
Frontend:
React / Vue (vendor suggestion welcome)
Infrastructure:
AWS / GCP / Azure
Dockerized deployment
Basic scalability design
SECURITY REQUIREMENTS
Isolated headless browser execution
Timeout handling
Malicious page protection
HTTPS only
Basic authentication & RBAC
PERFORMANCE EXPECTATIONS
Scan execution time target (vendor to propose)
Max page limit per scan (vendor to define)
Memory management strategy
ESTIMATION REQUEST TO VENDORS
Please provide separately:
Phase 1:
Timeline
Cost
Team structure
Assumptions
Phase 2 (Lean MVP):
Timeline
Cost
Infrastructure estimate
Technical architecture approach
Limitations
Ongoing Maintenance Estimate (Monthly)
Unlock AI intelligence, score breakdowns, and real-time alerts
Upgrade to Pro — $29.99/moClient
Spent: $5,487.75Rating: 5.0Verified