HubSpot rezygnuje z koloru pomarańczowego: jak dostępność zmieniła wygląd CRM

Nowy motyw HubSpot to nie tylko zmiana stylu. Kryje się za nim przebudowany system projektowania — i decyzja, która sprowadza się do WCAG.

Na dzień 31 sierpnia 2026 r. HubSpot ma nowy interfejs . I zniknęły pomarańczowe przyciski. Dla wielu użytkowników było to najtrudniejsze do zaakceptowania: pomarańczowy to HubSpot. Powód tej decyzji jest jednak ciekawszy niż sama decyzja — ten kolor nie spełnia wymagań kontrastu WCAG To znak czegoś głębszego. HubSpot zmienia sposób, w jaki ludzie wchodzą w interakcję z produktem, a aby to zrobić, musiał przebudować wizualne podstawy platformy. Dostępność jest jednym z powodów, otwarcie deklarowanych przez firmę.

Skąd pochodzi zmiana

Punktem wyjścia jest obserwacja, jaką HubSpot poczynił na swój temat: przez lata oprogramowanie wymagało czegoś od użytkowników, zanim dało im cokolwiek w zamian. Trzeba było nauczyć się obsługi narzędzia, dowiedzieć się, dokąd zmierzać i jak je wykonać. Ciężar czerpania wartości z produktu spoczywał na osobie, która go używała.

Deklarowanym celem jest odwrócenie tej relacji: produkt, który uwidacznia to, co ważne, bez konieczności szukania tego przez użytkownika, ze sztuczną inteligencją wbudowaną w proces pracy, a nie dołączoną jako osobna funkcja.

Plan przebiega w dwóch etapach:

  • Etap 1 — odświeżenie wizualne , już dostępne. Lżejszy wygląd, czystsza typografia, bardziej przemyślane odstępy i jaśniejsze nagłówki, dzięki czemu sama treść jest w centrum uwagi.

  • Etap 2 — przeprojektowanie sposobu działania produktu i będzie wdrażany stopniowo na przestrzeni najbliższych sześciu miesięcy.

Odświeżenie nie jest więc zmianą samą w sobie: to fundament, na którym będzie opierać się wszystko inne. HubSpot zdecydował się wprowadzić je najpierw i stopniowo, aby po pełnym przeprojektowaniu czuć było znajomo, a nie irytująco. I właśnie tutaj pojawia się kwestia dostępności.

Co się zmienia i kiedy

  • 30 czerwca 2026 r. — opcjonalna publiczna wersja beta

  • 31 sierpnia 2026 — automatyczne wdrażanie dla wszystkich użytkowników

Wymiana pieniędzy: kolory, typografia, promienie obramowania, ikony, odstępy, wysokość i ruch.
Nie zmienia się: nawigacja, struktura, przepływ pracy i logika raportowania. Nie ma czego uczyć się od nowa.

Po co w ogóle zmieniać kolory i interfejs?

Odpowiedź HubSpot jest ważniejsza od kwestii technicznych, a dopiero później estetycznych.

System projektowania platformy nie był aktualizowany od prawie dekady. W tym czasie produkt rozrósł się do setek aplikacji, z których każda miała nieco inne komponenty, kolory i wzorce interakcji. To dlatego menu rozwijane w jednej aplikacji zachowywało się inaczej niż to samo menu w innej – i dlaczego tryb ciemny nigdy nie pojawił się.

W ciągu ostatnich dwóch lat firma przebudowała cały system od podstaw, standaryzując filtry, tabele, okna modalne i każdy inny element konstrukcyjny. Nowym motywem przewodnim jest wizualna ekspresja tego systemu.

Według HubSpot ukończenie tej migracji jest warunkiem wstępnym do udostępnienia trzech rzeczy: trybu ciemnego, rozszerzonego zestawu motywów i pełna dostępność produktu .

Warto się nad tym zatrzymać. Dostępność nie była traktowana jako funkcja do dodania później, ale jako coś, co wymagało przebudowy infrastruktury wizualnej. Gdy masz setki komponentów, z których każdy zachowuje się na swój własny sposób, nie ma realnej drogi do uczynienia ich dostępnymi jeden po drugim.

Pomarańczowa obudowa

Oto najważniejsza decyzja — ta, na którą użytkownicy protestowali najmocniej.

Pomarańczowy był znakiem rozpoznawczym HubSpota na głównych przyciskach akcji. W nowym motywie zniknął. Powód… jak podaje firma: pomarańczowy na białym nie spełnia minimalnego kontrastu wymaganego przez WCAG 2.1 poziom AA co utrudnia czytanie osobom z dysfunkcją wzroku.

HubSpot próbował go przyciemnić. Jednak, aby pomarańczowy kolor był wystarczająco ciemny, kolor zmienia się w brązowy i traci to, co pierwotnie czyniło go pomarańczowym. Stąd decyzja o usunięciu go z głównych akcji, z możliwością przywrócenia go później poprzez alternatywne motywy.

Warto przyjrzeć się tej decyzji bliżej: firma o niezwykle rozpoznawalnej marce zgodziła się zrezygnować ze swojego charakterystycznego koloru w centralnym elemencie interfejsu, ponieważ nie spełniał on wymogów dotyczących dostępności.

Napięcie między tożsamością marki a zgodnością z przepisami jest realne i zazwyczaj rozwiązuje się je w odwrotny sposób – zachowując kolor i odsuwając problem na później. Tutaj było inaczej.

Zmiana dotyczy interfejsu HubSpot, a nie treści publikowanych za pomocą HubSpot.

  • Ten zaplecze — to, co widzisz w działaniu CRM — korzysta z aktualizacji.

  • Ten front-end — witryna internetowa, strony docelowe, wiadomości e-mail i formularze, które tworzysz za pomocą HubSpot i które docierają do Twoich użytkowników — pozostają tak samo dostępne, jak je stworzyłeś.

Zaktualizowany motyw w systemie CRM nie sprawi, że strona docelowa będzie zgodna z wytycznymi, jeśli ma niewystarczający kontrast, formularz bez powiązanych etykiet lub obraz bez tekstu alternatywnego. A to właśnie te strony podlegają przepisom Europejskiego Aktu w sprawie Dostępności.

Dostępność stała się standardową praktyką biznesową

Warto zwrócić uwagę na jedną rzecz: w całej komunikacji HubSpota kwestia dostępności nigdy nie pojawia się jako obowiązek regulacyjny. Nie ma mowy o karach, terminach ani wymaganiach. Pojawia się jako element decyzji produktowej – obok trybu ciemnego, konfigurowalnych motywów i spójności komponentów.

To oznaka dojrzałości. Dostępność wychodzi poza schemat zgodności i wkracza w schemat jakości doświadczenia, gdzie zawsze była.

Pomarańczowy przypadek ilustruje to lepiej niż jakiekolwiek stwierdzenie: niewystarczający kontrast nie tylko szkodzi osobom z wadami wzroku. Niekorzystnie wpływa na każdego, kto pracuje w jasnym świetle słonecznym, korzysta z taniego monitora, patrzy na interfejs po długim dniu. Czytelność przycisków poprawia komfort pracy wszystkich, a nie mniejszości.

Kiedy dostępność jest projektowana w ten sposób — jako ograniczenie podnoszące ogólną jakość, a nie jako pole do odhaczenia — przestaje być kosztem i staje się tym, czym zawsze była: dobrym projektem.

Sprawdź dostępność swojej witryny internetowej za darmo dzięki Eye-Able®!

Filtr

Filtruj według kategorii

Potwierdź swój wybór przyciskiem na końcu listy po wybraniu kategorii.

Zresetuj filtry

Zmiany w zespole kierowniczym w Eye-Able: Oliver Berchtold

Przeczytaj historię
""

Jak sprawić by Twoją strona internetowa była zgodną z przepisami o Dostępności Cyfrowej w 8 krokach

Przeczytaj historię

Wezwania dotyczące dostępności w Austrii? Co europejskie firmy muszą wiedzieć już teraz

Przeczytaj historię

Przypadek Carrefoura: Czego naprawdę uczy nas o dostępności

Przeczytaj historię
Laptop wyświetlający w tle napis „Testowanie ręczne” oraz ikony.

Ręczne testy dostępności: Dlaczego potrzebujesz czegoś więcej niż testów automatycznych

Przeczytaj historię

Potrzebujesz więcej informacji?

Skontaktuj się z nami, a chętnie Ci pomożemy.

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