un site accessible et sobre, à six.
- Rôle
- Front-end, accessibilité
- Équipe
- 6 personnes
- Contexte
- Challenge d’éco-conception
- Lighthouse
- 100 · 96 · 100 · 100
Le contexte
Un projet de groupe à six autour de l’éco-conception web : rendre une application accessible et plus écologique. Le site présente des miels et leurs produits dérivés.
- HTML5
- CSS
- MariaDB
- XAMPP
Le problème
Un site vitrine classique pèse vite lourd et reste difficile à utiliser au clavier ou avec un lecteur d’écran. Il fallait un site léger, lisible et accessible.
/ Ma contribution /
J’ai pris en charge la structure HTML et l’accessibilité.
- Validation W3CUn HTML valide, sans erreur au validateur.
- Textes alternatifsChaque image porte une description utile.
- Contrastes et labelsDes formulaires lisibles et utilisables au clavier.
- Nettoyage du DOMMoins de balises, des pages plus légères.
- Pages Miels et Produits dérivésLeur intégration complète.
/ Choix techniques /
Simple, local, léger
Le site est développé en local avec XAMPP et MariaDB, sans framework lourd. Moins de dépendances, moins de poids à charger.
NavigateurHTML, CSS
Serveur localXAMPP
Base de donnéesMariaDB
/ Le résultat /
Un site léger et accessible, mesuré avec Lighthouse.
- Performances : 100 sur 100
- Accessibilité : 96 sur 100
- Bonnes pratiques : 100 sur 100
- SEO : 100 sur 100
Mesuré avec Lighthouse (Chrome), en local.
/ Voir le projet /
Code non public.