Freelance
Développeur NextJS - Mission
Paris, France
Avril 2023 – Juin 2023
Description du projet
Mission freelance pour l'association "Agir pour les séniors sourds dépendants de France" consistant à créer un site web vitrine accessible aux personnes sourdes et mal voyantes. Le site devait permettre à l'équipe d'ajouter et modifier des articles facilement.
Cette mission m'a permis de mettre en pratique mes compétences en développement web tout en contribuant à une cause sociale importante, en créant une solution technologique véritablement inclusive.
Objectifs du projet
Site web vitrine
Création d'un site web moderne et professionnel pour présenter l'association
Accessibilité universelle
Site accessible aux personnes sourdes et mal voyantes
Gestion de contenu
Système permettant à l'équipe d'ajouter et modifier des articles
Interface intuitive
Interface d'administration simple et accessible pour l'équipe
Performance optimisée
Site rapide et optimisé pour tous les appareils
Maintenance facilitée
Solution facile à maintenir et à faire évoluer
Technologies utilisées
Frontend
- • Next.js (App Router)
- • React et TypeScript
- • Tailwind CSS
- • Composants réutilisables
- • Optimisation des performances
- • SEO et métadonnées
Backend & CMS
- • Firebase/Firestore
- • CMS léger personnalisé
- • Authentification sécurisée
- • Gestion des rôles
- • API REST
- • Upload de médias
Accessibilité
- • HTML sémantique
- • Attributs ARIA
- • Navigation clavier
- • Contrastes optimisés
- • Sous-titres/transcriptions
- • LSF/vidéos
Fonctionnalités développées
Site vitrine
- • Pages d'accueil et de présentation
- • Section actualités et articles
- • Formulaire de contact
- • Informations sur l'association
- • Design responsive et moderne
- • Optimisation SEO
CMS léger
- • Interface d'administration
- • Création et édition d'articles
- • Gestion des médias
- • Système de rôles
- • Prévisualisation des articles
- • Sauvegarde automatique
Accessibilité renforcée
HTML sémantique et ARIA
Utilisation d'une structure HTML sémantique avec des attributs ARIA appropriés pour assurer une navigation fluide avec les lecteurs d'écran.
Navigation clavier
Implémentation d'une navigation complète au clavier avec des indicateurs de focus visibles et une logique de tabulation cohérente.
Contrastes et lisibilité
Optimisation des contrastes de couleurs et de la typographie pour assurer une lisibilité maximale pour tous les utilisateurs.
Contenu multimédia accessible
Intégration de sous-titres, transcriptions et vidéos en Langue des Signes Française (LSF) pour rendre le contenu accessible aux personnes sourdes.
Architecture technique
Frontend SEO-first
- • SSR/ISR pour le référencement
- • Métadonnées structurées
- • Optimisation des images
- • Core Web Vitals optimisés
- • Sitemap automatique
- • Balises Open Graph
Backend Firebase
- • Firestore pour les données
- • Authentification Firebase
- • Storage pour les médias
- • Règles de sécurité
- • Fonctions Cloud
- • Monitoring et analytics
Défis techniques
Accessibilité universelle
La conception d'un site véritablement accessible pour les personnes sourdes et mal voyantes a nécessité une approche inclusive dès la conception.
CMS simple mais puissant
La création d'un CMS léger mais fonctionnel pour une équipe non-technique a demandé un équilibre entre simplicité et fonctionnalité.
Performance et accessibilité
L'optimisation des performances tout en maintenant un niveau élevé d'accessibilité a été un défi technique majeur.
Contenu multimédia
L'intégration de différents types de contenu (texte, vidéos, LSF) de manière cohérente et accessible a nécessité une réflexion approfondie.
Impact et apprentissages
Cette mission freelance m'a permis de contribuer à une cause sociale importante en créant une solution technologique véritablement inclusive pour une association dédiée aux personnes sourdes et mal voyantes.
L'approche d'accessibilité universelle m'a appris l'importance de concevoir des solutions inclusives dès le départ, et non comme une fonctionnalité ajoutée après coup.
La création d'un CMS léger pour une équipe non-technique m'a donné une vision claire de l'importance de l'expérience utilisateur dans les outils d'administration, même pour des fonctionnalités simples.
Cette expérience freelance a renforcé mes compétences en développement web et m'a sensibilisé aux enjeux d'accessibilité numérique, compétences précieuses pour ma carrière de développeur.