HubSpot abandonne l'orange : comment l'accessibilité a remodelé le design du CRM

Le nouveau thème HubSpot n'est pas qu'un simple restylage. Il repose sur un système de conception entièrement repensé, fruit d'une décision qui se résume à : WCAG.

Au 31 août 2026, HubSpot dispose d'une nouvelle interface. Et les boutons orange ont disparu. Pour de nombreux utilisateurs, c'était le plus difficile à accepter : l'orange était la couleur emblématique de HubSpot. La raison de cette décision est cependant plus intéressante que la décision elle-même. Cette couleur ne répondait pas aux exigences de contraste de WCAG C'est le signe d'un changement plus profond. HubSpot transforme la façon dont les utilisateurs interagissent avec le produit, et pour ce faire, l'entreprise a dû repenser l'interface visuelle de sa plateforme. L'accessibilité est l'une des raisons principales, comme elle l'a clairement indiqué.

D'où vient le changement ?

Le point de départ est une observation que HubSpot fait à son propre sujet : pendant des années, les logiciels exigeaient un effort de l’utilisateur avant de lui apporter quoi que ce soit en retour. Il fallait apprendre à maîtriser l’outil, trouver comment s’y retrouver et comment accomplir les tâches. La responsabilité de tirer profit du produit incombait à l’utilisateur.

L'objectif affiché est d'inverser cette relation : un produit qui fait ressortir ce qui compte sans que vous ayez à le chercher, avec une IA intégrée au flux de travail plutôt que d'être ajoutée comme une fonctionnalité séparée.

Le plan se déroule en deux étapes :

• Étape 1 — la refonte visuelle Déjà en ligne. Une interface plus légère, une typographie plus épurée, un espacement plus réfléchi et des titres plus discrets pour que le contenu soit mis en valeur.

• Étape 2 — la refonte du fonctionnement du produit , se déployant progressivement au cours des six prochains mois.

Cette mise à jour n'est donc pas un simple restylage : elle constitue le socle sur lequel reposera tout le reste. HubSpot a choisi de la déployer progressivement afin que la refonte complète paraisse familière et non déroutante lors de son arrivée. Et c'est précisément là que l'accessibilité entre en jeu.

Qu’est-ce qui change et quand ?

• 30 juin 2026 — bêta publique optionnelle

• 31 août 2026 — déploiement automatique auprès de tous les utilisateurs

Changement: Couleurs, typographie, rayons de bordure, icônes, espacement, élévation et mouvement.
Inchangé : Navigation, structure, flux de travail et logique de reporting. Il n'y a rien à réapprendre.

Pourquoi changer les couleurs et l'interface ?

La réponse de HubSpot est d'abord technique avant d'être esthétique.

Le système de conception de la plateforme n'avait pas été mis à jour depuis près de dix ans. Durant cette période, le produit s'est développé pour inclure des centaines d'applications, chacune présentant des composants, des couleurs et des modes d'interaction légèrement différents. C'est pourquoi un menu déroulant pouvait se comporter différemment d'une application à l'autre, et pourquoi le mode sombre n'a jamais vu le jour.

Au cours des deux dernières années, l'entreprise a entièrement reconstruit son système, en standardisant les filtres, les tableaux, les fenêtres modales et tous les autres éléments constitutifs. Le nouveau thème est l'expression visuelle de ce système.

Et selon HubSpot, la finalisation de cette migration est la condition préalable au déploiement de trois éléments : le mode sombre, un ensemble de thèmes étendu et… accessibilité complète du produit .

C'est là le point crucial. L'accessibilité n'a pas été envisagée comme une fonctionnalité à ajouter ultérieurement, mais comme une nécessité de refondre l'infrastructure visuelle. Avec des centaines de composants fonctionnant chacun à sa manière, il est impossible de les rendre accessibles un par un.

L'étui orange

Voici la décision la plus importante — et celle qui a suscité le plus de vives réactions de la part des utilisateurs.

L'orange était la couleur emblématique des boutons d'action principaux de HubSpot. Dans le nouveau thème, elle a disparu. La raison : comme l'a indiqué l'entreprise : Le contraste orange sur fond blanc ne satisfait pas au seuil minimal requis par le niveau AA de la norme WCAG 2.1. , ce qui rend la lecture difficile pour les personnes malvoyantes.

HubSpot a tenté d'assombrir la couleur. Mais pour obtenir un orange suffisamment foncé, elle vire au brun et perd ce qui la caractérise à l'origine. D'où la décision de la retirer des actions principales, avec la possibilité de la réintégrer ultérieurement via d'autres thèmes.

C'est une décision qui mérite d'être examinée de près : une entreprise bénéficiant d'une notoriété de marque énorme a accepté de renoncer à sa couleur emblématique sur un élément central de son interface, car celle-ci ne répondait pas à une exigence d'accessibilité.

La tension entre identité de marque et conformité est bien réelle, et elle se résout généralement dans l'autre sens : en conservant la couleur et en reportant le problème. Ici, les choses se sont passées autrement.

La refonte concerne l'interface de HubSpot, et non le contenu que vous publiez avec HubSpot.

• Le backend — ce que vous voyez fonctionner dans le CRM — bénéficie de la mise à jour.

• Le l'extrémité avant — Votre site web, vos pages de destination, vos e-mails et vos formulaires créés avec HubSpot et qui atteignent vos utilisateurs — restent exactement aussi accessibles que vous l'avez conçu.

La mise à jour du thème dans le CRM ne rend pas une page d'accueil conforme si elle présente un contraste insuffisant, un formulaire sans libellés associés ou une image sans texte alternatif. Or, ce sont précisément ces pages qui relèvent du champ d'application de la loi européenne sur l'accessibilité.

L'accessibilité est devenue une pratique commerciale courante

Il est important de noter que, dans toute la communication de HubSpot, l'accessibilité n'apparaît jamais comme une obligation réglementaire. Aucune mention de sanctions, d'échéances ou d'exigences n'est faite. Elle semble faire partie intégrante d'un choix produit, au même titre que le mode sombre, les thèmes personnalisables et la cohérence des composants.

C'est un signe de maturité. L'accessibilité passe du simple cadre de la conformité à celui de la qualité de l'expérience, où elle a toujours eu sa place.

Et le boîtier orange l'illustre mieux que n'importe quel principe : un contraste insuffisant ne pénalise pas seulement les personnes malvoyantes. Il pénalise tous ceux qui travaillent en plein soleil, ceux qui utilisent un écran bas de gamme, ceux qui consultent l'interface après une longue journée. Rendre un bouton lisible améliore l'expérience de tous, pas seulement celle d'une minorité.

Lorsque l'accessibilité est conçue de cette manière — comme une contrainte qui améliore la qualité globale plutôt que comme une simple case à cocher — elle cesse d'être un coût et redevient ce qu'elle a toujours été : une conception de qualité.