🔗 Lien: subervart.pages.dev
Ce projet est une maquette représantant une page principale d'une galerie d'art fictive mettant en exposition des oeuvres créées par des intelligences artificielles.
Une attention toute particulière a été apportée à l'inclusivité web : un site accessible à toutes et à tous, un site optimisé et rapide pour toutes les connexions, un site entièrement responsive pour tous les écrans.
HTML/CSS/JQUERY
Aucun framework ni template n'a été utilisé lors de ce développement. Tout à été entièremment développé de zéro par mes soins.
Cette maquette a été développée dans l'optique de rendre la navigation et le partage d'information accessibles à toutes et à tous. Le lecteur d'écran NVDA et des outils d'accessibilité comme Wave et Axe ont notamment été utilisés tout le long du processus de développement afin de valider chaque composant.
La maquette répond aux exigences du référentiel français RGAA 4 (Référentiel général de l'amélioration de l'accessibilité), lui même indexé au WCAG 2.1 (Web Content Accessibility Guideline).
Un thème foncé est aussi disponible afin de répondre aux troubles liés aux contrastes forts.
- Méthodologie BEM
- Inclusivité et Accessibilité
- Semantique HTML valide
- Optimisation medias et JS
- Code structuré et commenté
- Thème clair/foncé
- Structure responsive
- ... je vous laisse le soin d'inspecter le code !
Fun fact: Toutes les oeuvres présentées sur la maquette ont été générées par mes soins à l'aide de plusieurs réseaux de neurones comme Dall-E, Midjourney ou bien Stable Diffusion.