Optimisation d’un petit site ecommerce : conseils pour un rendu prop

Bonjour à tous,

Je travaille sur un petit site e-commerce spécialisé dans un produit simple (gigoteuses pour bébés), et j’aimerais améliorer à la fois la performance, le design responsive et surtout l’accessibilité.

Jusqu’ici, le site repose sur une base WordPress/WooCommerce, mais je sens que c’est un peu lourd pour ce que je propose. J’aimerais alléger tout ça et m’orienter peut-être vers une solution plus "frontend-friendly", sans trop perdre en fonctionnalités e-commerce.

???? Ma question est double :

Avez-vous des retours d’expérience sur des stacks plus légers adaptés à une boutique minimaliste ? (Astro + Stripe ? Un CMS headless simple ?)

Quels sont pour vous les pièges à éviter côté accessibilité sur des fiches produit simples ? (boutons, contrastes, structures, etc.)

Je suis preneur de conseils pratiques ou même de critiques constructives sur ce type de projet.
Merci à ceux qui prendront le temps de répondre !
Modifié par MichelP (20 May 2025 - 19:02)

Bonjour,
Pour un projet centré sur un produit unique comme le vôtre, une stack légère type Astro + Stripe peut vraiment faire sens : vous gagnez en performance, gardez la main sur le responsive, et simplifiez le front. Si un peu de gestion de contenu est nécessaire, Sanity ou TinaCMS sont de bonnes options sans alourdir l’ensemble. Côté accessibilité, je vous recommande de veiller à la hiérarchie des titres (ne pas sauter de niveaux), aux contrastes suffisants (surtout sur mobile), et à la navigation clavier fluide, avec une gestion claire du focus après les actions comme « ajouter au panier ». Un test avec un lecteur d’écran (NVDA ou VoiceOver) peut aussi vous aider à vérifier que les infos clés comme les prix, stock, tailles sont bien annoncées dans le bon ordre. N'oubliez pas de soigner les textes alternatifs pour les images produit, et limitez les rôles ARIA aux cas vraiment nécessaires. Le HTML sémantique couvre déjà beaucoup.