epilot's logo
Kundenbetreuung Kooperationen Konfiguration Allgemeines Aktuelle Neuerungen Geplante Neuerungen
  • Meine Tickets
  • DEV Doku
  • Startseite
  • Geplante Neuerungen
  • Konfigurationsbereich

Design Builder - Verbesserter Color Picker

Written by epilot Admin

Updated at April 22nd, 2026

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Kundenbetreuung
    Entitäten im Kundenbetreuungsbereich Arbeiten mit Entitäten - Übersichten & Tabellen Arbeiten mit Entitäten - Detailsseiten
  • Kooperationen
  • Konfiguration
    Prozesse und Automatisierungen Journeys Produkt-Hub Vorlagen Designs Portale Label Builder Variablen Editor Workflows Apps E-Mails
  • Allgemeines
    Hilfreiche Informationen zu epilot NutzerInnen und Rechte verwalten Globale E-Mail Einstellungen Arbeiten mit dem Postfach Arbeiten mit Dateien Grundlegende Funktionen
  • KI Funktionen in epilot
  • Blueprints
  • Aktuelle Neuerungen
    Release Note V2-26 Release Note V1-26 Release Note V7-25 Release Note V6-25 Release Note V5-25 Release Note V4-25 Release Note V3-25 Release Note V2-25 Release Note V1-25 Release Notes 2024
  • Geplante Neuerungen
    Konfigurationsbereich Arbeitsbereich
  • Schulungsvideos
    Allgemeines Journeys Entitäten Effizientes Arbeiten in epilot Label Management Produkte & Preise
+ More

Seit Juni 2025 verpflichtet das BFSG digitale Dienste zur Einhaltung von WCAG 2.1 AA Kontrastvorgaben. Bisher erforderte die barrieregerechte Farbkonfiguration im Journey Builder manuelles Testen außerhalb der Plattform oder Custom CSS. Das ändert sich mit diesem Release.

Der Color Picker im Design Builder wurde grundlegend überarbeitet: Farbwerte lassen sich nun präzise per HEX-Eingabe oder visuellen Slidern definieren, und der WCAG-Kontrast wird direkt beim Bearbeiten in Echtzeit geprüft. Ein automatischer Accessibility-Check vor dem Speichern stellt sicher, dass keine nicht-konformen Kombinationen unbemerkt live gehen.

Das ist neu:

  • Verbesserter Color Picker – Farbwerte lassen sich per HEX-Code oder über visuelle Slider eingeben; eine Live-Vorschau zeigt die gewählte Farbe unmittelbar an.
  • Live-Kontrast-Indikator (WCAG AA) – Beim Bearbeiten wird in Echtzeit angezeigt, ob eine Text-/Hintergrundkombination den WCAG AA Standard erfüllt; nicht konforme Kombinationen werden mit Kontrastverhältnis markiert.
  • Accessibility-Check vor dem Speichern – Beim Speichern werden alle Farbkombinationen automatisch geprüft und fehlerhafte Kombinationen aufgelistet. Der Vorgang ist nicht blockierend – es kann trotzdem gespeichert werden.
  • Accessibility-Check beim Verlassen – Derselbe Check läuft auch beim Verlassen der Seite mit ungespeicherten Änderungen; "Automatisch beheben" ist auch hier verfügbar.

 

 

Zuletzt aktualisiert am 22.04.2026

Für eine bessere Lesbarkeit beziehen sich Personenbezeichnungen auf alle Geschlechter.

design builder color picker wcag barrieregerecht

War der Artikel hilfreich?

Gib uns gerne Feedback zum Artikel

Ähnliche Artikel

  • Design Builder: Erweitertes Design - Custom CSS
  • Design Builder: Randradius von Elementen
  • Design Builder - Aufbau und Funktionsweise
  • Verbesserungen beim Neuladen von Blueprints
Branchenlösungen
Für Energieversorger & StadtwerkeFür NetzbetreiberFür Lösungsanbieter
Use cases
Generate & manage leadsControl installers & manage products centrallyIndividualize & expand the platform
Funktionen
JourneysKundenportalCRM & KundenservicePartnerportalProzesse & Automatisierungen
Product HubBusiness ObjekteData LakeBlueprints
© 2026 epilot
ImpressumInformationspflichtDatenschutzAGBCookie-Einstellungen
Vollbild