HubSpot falder i orange: hvordan tilgængelighed omformede CRM'ens design

Det nye HubSpot-tema er ikke bare en restyling. Bag det ligger et ombygget designsystem – og en beslutning, der handler om WCAG.

Pr. 31. august 2026, HubSpot har en ny brugerflade ... Og de orange knapper er væk. For mange brugere var det den sværeste del at acceptere: orange var HubSpot. Årsagen bag beslutningen er dog mere interessant end selve beslutningen — den farve opfyldte ikke WCAG' kontrastkrav Det er et tegn på noget dybere. HubSpot ændrer, hvordan folk interagerer med produktet, og for at gøre det var de nødt til at genopbygge platformens visuelle fundament. Tilgængelighed er en af grundene, hvilket virksomheden åbent har angivet.

Hvor forandringen kommer fra

Udgangspunktet er en observation, HubSpot gør sig om sig selv: I årevis krævede software noget af brugerne, før det gav noget tilbage. Man skulle lære værktøjet at kende, finde ud af, hvor man skulle hen, og hvordan man fik tingene gjort. Byrden med at få værdi ud af produktet lå hos den person, der brugte det.

Det erklærede mål er at vende det forhold om: et produkt, der afdækker det, der betyder noget, uden at du behøver at lede efter det, med AI indbygget i arbejdsgangen i stedet for at være en separat funktion.

Planen forløber i to faser:

  • Fase 1 — den visuelle opfriskning , allerede live. En lettere fornemmelse, renere typografi, mere bevidst afstand og lettere overskrifter, så selve indholdet er i centrum.

  • Fase 2 — redesign af, hvordan produktet fungerer og udrulles gradvist over de næste seks måneder.

Så opdateringen er ikke en restyling i sig selv: det er fundamentet, som alt andet vil hvile på. HubSpot valgte at introducere den først og gradvist, så det fulde redesign føles velkendt snarere end forstyrrende, når det først kommer. Og det er præcis her, tilgængelighed kommer ind i billedet.

Hvad ændrer sig, og hvornår

  • 30. juni 2026 — valgfri offentlig betaversion

  • 31. august 2026 — automatisk udrulning til alle brugere

Ændring: farver, typografi, kantradiusser, ikoner, afstand, elevation og bevægelse.
Ændrer sig ikke: navigation, struktur, arbejdsgang og rapporteringslogik. Der er intet at lære igen.

Hvorfor overhovedet ændre farverne og brugerfladen?

HubSpots svar er teknisk, før det er æstetisk.

Platformens designsystem var ikke blevet opdateret i næsten et årti. I den tid voksede produktet til hundredvis af apps, hver med lidt forskellige komponenter, farver og interaktionsmønstre. Det er derfor, en rullemenu i én app opførte sig anderledes end den samme rullemenu i en anden – og hvorfor mørk tilstand aldrig kom.

I løbet af de sidste to år har virksomheden genopbygget hele systemet fra bunden og standardiseret filtre, tabeller, modaler og alle andre byggesten. Det nye tema er systemets visuelle udtryk.

Og ifølge HubSpot er fuldførelsen af denne migrering forudsætningen for at levere tre ting: mørk tilstand, et udvidet sæt af temaer og fuld produkttilgængelighed .

Det er den del, der er værd at stoppe op ved. Tilgængelighed blev ikke behandlet som en funktion, der skulle tilføjes senere, men som noget, der krævede genopbygning af den visuelle infrastruktur. Når man har hundredvis af komponenter, der hver især opfører sig på sin egen måde, er der ingen realistisk vej til at gøre dem tilgængelige én efter én.

Den orange sag

Her kommer den vigtigste beslutning – og den, som brugerne modsatte sig hårdest.

Orange var HubSpots signaturfarve på primære handlingsknapper. I det nye tema er den væk. Årsagen, som angivet af virksomheden: Orange på hvidt opfylder ikke den minimumskontrast, der kræves af WCAG 2.1 niveau AA hvilket gør det svært at læse for personer med synshandicap.

HubSpot prøvede at gøre det mørkere. Men for at få det til at virke orange nok til at det passer, bliver farven brun og mister det, der gør det orange i første omgang. Derfor beslutningen om at fjerne det fra primære handlinger, med mulighed for at bringe det tilbage gennem alternative temaer senere.

Det er en beslutning, der er værd at se nærmere på: en virksomhed med enorm brandgenkendelse accepterede at opgive sin signaturfarve på et centralt grænsefladeelement, fordi den ikke opfyldte et tilgængelighedskrav.

Spændingen mellem brandidentitet og compliance er reel, og den løses normalt den anden vej – ved at bevare farven og udskyde problemet. Her gik det anderledes.

Redesignet vedrører HubSpots brugerflade, ikke det indhold, du udgiver med HubSpot.

  • De backend — det, du ser i CRM-systemet, drager fordel af opdateringen.

  • De brugerflade — hjemmeside, landingssider, e-mails og formularer, du opretter med HubSpot, og som når dine brugere — forbliver præcis lige så tilgængelige, som du har gjort dem.

Et opdateret tema i CRM-systemet gør ikke en landingsside kompatibel, hvis den har utilstrækkelig kontrast, en formular uden tilhørende etiketter eller et billede uden alt-tekst. Og det er netop de sider, der falder ind under den europæiske tilgængelighedslov.

Tilgængelighed er blevet standard forretningspraksis

Én ting er værd at bemærke: I al HubSpots kommunikation optræder tilgængelighed aldrig som en lovpligtig forpligtelse. Der er ingen omtale af sanktioner, deadlines eller krav. Det optræder som en del af en produktbeslutning – sammen med mørk tilstand, brugerdefinerbare temaer og komponentkonsistens.

Det er et tegn på modenhed. Tilgængelighed bevæger sig ud af overholdelsesboksen og ind i oplevelseskvalitetsboksen, hvor den altid har hørt hjemme.

Og det orange eksemplar demonstrerer det bedre end nogen principiel erklæring: utilstrækkelig kontrast straffer ikke kun personer med synshandicap. Det straffer alle, der arbejder i stærkt sollys, alle, der står på en billig skærm, alle, der kigger på brugerfladen efter en lang dag. At gøre en knap læselig forbedrer oplevelsen for alle, ikke for et mindretal.

Når tilgængelighed udformes på denne måde – som en begrænsning, der hæver den samlede kvalitet, snarere end en boks at sætte kryds i – holder det op med at være en omkostning og bliver til, hvad det altid har været: godt design.

Tjek din hjemmesides tilgængelighed gratis med Eye-Able®!

Filter

Filtrér efter kategori

Bekræft dit valg med knappen i slutningen af listen, efter du har valgt kategorierne.

Nulstil filtre

Har du brug for mere information?

Kontakt os, så hjælper vi dig gerne.

a man with down syndrome shows a woman something on the computer. they both laugh