Die Overlay Transparency fungiert als Helligkeitsregler für Ihr Hintergrundbild: Bei 100 % wird das Originalbild unverändert angezeigt, während das Bild bei 0 % komplett schwarz und somit unsichtbar ist.
Hintergrundbilder, die zu unruhig, hell oder visuell komplex sind, können die Lesbarkeit des darüber liegenden Textes erheblich beeinträchtigen. Ein mangelnder Kontrast zwischen Text und Bildmaterial gehört zu den häufigsten Problemen der Benutzerfreundlichkeit im Web und wird oft leicht übersehen.
Die Einstellung für die Overlay Transparency finden Sie direkt im Backend. Diese Option ist nur für die Hero-Sektionen verfügbar, da diese speziell darauf ausgelegt sind, Text über Bildern anzuzeigen. In den Einstellungen der Heros finden Sie ein spezielles Feld, um diesen Wert anzupassen.
Durch das Anpassen der Overlay Transparency dunkeln Sie das Bild ab, ohne die Originaldatei bearbeiten zu müssen. Dies verbessert den Kontrast zwischen Ihrem Text und dem Bild und macht den Inhalt leichter lesbar:
Die Anpassung dieser Einstellung ist zudem ein unkomplizierter Weg, um Barrierefreiheitsstandards (wie den WCAG-Kontrastanforderungen) zu erfüllen.