Das Text-Bild-Element kombiniert Inhalte und visuelle Eindrücke. Es eignet sich besonders, wenn die Bildwelt eine Aussage unterstützt, Emotionen transportiert oder komplexe Themen visualisiert. Dies ist eines der Hauptelemente der Standardseite.
Einsatz
-
Für Berichte, Projektvorstellungen, Teamseiten, Studiengänge, Veranstaltungen.
-
Wenn ein Bild nötig ist, um Inhalte verständlicher oder attraktiver zu machen.
-
Als Einstiegselement auf Seiten, um Aufmerksamkeit zu erzeugen.
Best Practices
Bildauswahl:
-
Hohe Qualität, scharf, gut belichtet.
-
Relevanz zum Text – kein Symbolbild ohne Bezug.
-
Vielfalt abbilden (Diversität, Realität, Authentizität).
-
Immer auf die korrekte Benennung der neuen Bildern beachten.
Layout / Gestaltung:
-
Setzen Sie das Bild entweder links oder rechts – abhängig von der gewünschten Leseführung.
-
Achten Sie darauf, dass Bild und Text sich thematisch ergänzen.
-
Bei mobilen Geräten wird die Darstellung automatisch untereinander ausgegeben (responsives Verhalten beachten).
Textgestaltung:
-
Kurzer Einstiegstext neben dem Bild (max. 3–4 Zeilen), längere Informationen darunter.
-
Zwischenüberschriften verwenden (H2-H5), um den Text klar zu gliedern.
-
Wenn der Text länger ist, verwenden Sie das Text-Element oder weitere Abschnitte.
Don’ts
-
Bilder nicht nur als Platzhalter verwenden.
-
Keine Bilder ohne Rechte oder ohne klare Bildaussage.
-
Keine zu kleinen oder stark beschnittenen Fotos.
-
Keine reinen Deko-Elemente ohne Mehrwert (Barrierefreiheit!).