FishEye

icône

Ce quatrième projet OpenClassrooms consistait à développer un site web accessible pour la plateforme fictive FishEye, dédiée aux photographes indépendants. L’objectif était de créer un prototype fonctionnel fidèle aux maquettes et intégrant les exigences fortes en matière d’accessibilité.

FishEye

Objectif

Développer un site dynamique en JavaScript, conforme aux standards d’accessibilité, permettant la navigation clavier/lecteurs d’écran et l’affichage des données fournies en JSON.

HTMLicôneCSSicôneJavaScript

Fonctionnalités

icôneRécupération et affichage dynamiques des données depuis un fichier JSON
icôneModale de contact accessible et fonctionnelle
icôneLightBox pour visionner les photos et vidéos en plein écran
icôneGestion des likes avec mise à jour dynamique
icôneRespect des maquettes et des contraintes d’accessibilité

Défis techniques

icôneMise en œuvre du design pattern Factory Method pour différencier les médias (photos et vidéos)
icôneDéveloppement d’une navigation au clavier fluide pour assurer l’accessibilité
icôneGestion des interactions sans erreurs JavaScript
icôneRespect strict des standards WAI-ARIA et des bonnes pratiques d’accessibilité
Github

Autres projets OpenClassrooms

icône

Plus de projets

icône
Tous les projets