Comment rendre l'audit d'accessibilité accessible à tous ?
Réalisation d'une Application web permettant de réaliser des audits d'accessibilité à partir de l'url de n'importe quel site internet.
L'Étude en Chiffres
Défis du projet
Le Contexte
En tant que designer spécialisé en accessibilité web, je constatais que les outils d'audit existants étaient soit trop complexes, soit trop coûteux pour les petites structures. L'idée d'AccessiScan est née de ce constat : proposer une application web permettant à n'importe qui de scanner l'accessibilité d'un site depuis son URL, d'obtenir un rapport clair et actionnable, et de suivre sa progression dans le temps. Le projet repose sur une stack React, Vite, TypeScript, Tailwind CSS, Supabase et Vercel, avec Puppeteer et axe-core pour l'analyse automatisée.
Objectifs techniques
Objectifs Marketing
UI Kit & Design System
Conception d'un design system épuré sur Figma (DM Sans, fond #F5F5F0, CTA #1D6EE8) garantissant lisibilité et cohérence sur toutes les interfaces de l'application.
Architecture & Développement
Développement full-stack en React + TypeScript avec Supabase pour la base de données et l'authentification, Puppeteer pour le rendu headless des pages auditées, et axe-core pour l'analyse automatisée des violations d'accessibilité.
Automatisation complète
Audit RGAA/WCAG généré en quelques secondes depuis n'importe quelle URL publique.
Rapport PDF exportable
Rapport structuré aux couleurs d'Ornare Agency, prêt à être envoyé au client.
Outil de prospection
Utilisé comme accroche commerciale auprès de 30+ entreprises de Haute-Loire.
Stack moderne
Application déployée en production sur Vercel avec authentification Supabase.
Plus que 3 projets disponibles en Juin
Échangeons sur votre projet et donnons vie à vous idées
