🎠 Carousel d’Images

Un mini-projet réalisé en HTML5 sémantique, CSS3 et JavaScript Vanilla (ES6+), dans le but de pratiquer la manipulation du DOM sans aucun framework.

✨ Projet réalisé dans le cadre d’un exercice sur le DOM.

🌐 Démo en ligne

👉 Voir la page en ligne

📌 Objectifs pédagogiques

• ✅ Manipuler le DOM en JavaScript (changement dynamique d’éléments)
• ✅ Utiliser le versionnement Git avec branches develop et feature/
• ✅ Créer un projet accessible et sémantiquement correct
• ✅ Déployer un site sur GitHub Pages

🛠️ Technologies utilisées

• HTML5 (structure sémantique avec <figure>, <figcaption>, aria-*)
• CSS3 (mise en page simple en px)
• JavaScript ES6+ (DOM sans framework)
• Git & GitHub

🚀 Fonctionnalités

• 📷 Défilement des images avec boutons précédent / suivant
• 🎯 Affichage d’une seule image à la fois
• ♿ Accessibilité :
  • Structure sémantique respectée
  • aria-label pour les boutons
  • aria-hidden pour les images non visibles
  • Navigation clavier possible
• 🔄 Navigation circulaire (revenir à la première image après la dernière)