Avant / après : les boutons et le formulaire d’emdjione.com
Une intervention ciblée sur le site d’EMDJI ONE lui-même : un bouton d’envoi qui passait sur deux lignes, un texte de bouton trop peu contrasté et une pastille WhatsApp qui masquait le contenu sur mobile.
- Nature
- Intervention sur le site EMDJI ONE, en ligne
- Rôle d’EMDJI ONE
- Diagnostic, corrections HTML et CSS, tests automatisés, mise en ligne
- Périmètre
- Boutons partagés de tout le site, formulaire /demarrer, bouton WhatsApp sur mobile
- Vérification
- Test automatique sur 10 pages, à 320, 360, 390 et 430 px, en clair et en sombre, texte normal et agrandi
- Date
- Corrigé le 28 octobre 2026, en ligne le 29 octobre 2026
Le contexte
Une capture faite sur téléphone montrait le bouton « Envoyer, sans rendez-vous » du formulaire coupé sur deux lignes dans une forme de pilule : le geste le plus important du site paraissait cassé.
Le diagnostic a montré trois défauts liés : la forme et la taille des boutons, leur contraste, et une pastille WhatsApp qui recouvrait le contenu sur les petits écrans.
Ce qui a été réalisé
- Des boutons partagés par tout le site : coins de 8 px, hauteur minimale de 48 px, largeur limitée à l’écran.
- Un texte foncé sur l’orange de la marque : contraste de 3,55 : 1 porté à 5,34 : 1 en thème clair, et de 3,11 : 1 à 6,09 : 1 en thème sombre (seuil WCAG : 4,5 : 1).
- Un bouton d’envoi pleine largeur, « Envoyer ma demande », sur une seule ligne.
- Des champs plus larges et une zone de description dans la police du site.
- Un bouton WhatsApp réduit à un rond de 52 px sur mobile, qui ne masque plus le contenu.
- Un test automatique qui mesure chaque bouton (hauteur tactile, débordement, nombre de lignes) sur 10 pages et le rejoue à chaque modification.
État : En ligne depuis le 29 octobre 2026. Les textes de l’accueil ont changé depuis, dans un autre lot.
Le produit tel qu’il est en ligne.




Rendus Chromium des versions du dépôt : commit 1949125 (avant, en ligne jusqu’au 29/10/2026) et commit e8daa8e (après). Contrastes calculés selon les WCAG 2.1 à partir des couleurs du CSS.
Un problème précis sur votre site ?
Décrivez votre besoin : nous en étudions le périmètre et vous envoyons un devis détaillé.