Text & Medien

Der sogenannte Rich-Text-Editor (kurz „RTE“) bietet eine komfortable Möglichkeit, um Texte auf Webseiten visuell zu gestalten und lehnt sich in der Bedienung und der Oberfläche an die weit verbreiteten Office-Programme an.

Die am häufigsten genutzten Elemente des Rich-Text-Editors sind: 

• Blockstil: Stil, in dem der Absatz dargestellt werden soll (Auswahl über das Feld "Stil"). Markieren Sie hierfür den betreffenden Teil und wählen Sie den Stil aus. Wenn der Stil entfernt werden soll, markieren Sie erneut und wählen den Stil ein zweites Mal an - so wird es auf "normal" zurückgesetzt.

  • Introtext: Wird eingesetzt für eine kurze Beschreibung oder einen Einleitungssatz, um in Suchmaschinen besser gefunden zu werden. 

  • Infotext/Warnhinweis: Hiermit können Informationen besonders hervorgehoben werden.

  • Buttons: Wenn eine Verlinkung hervorgehoben werden soll, kann man diese auch als Button darstellen. Beispielsweise so

• Format: Den aktuellen Absatz als eine Überschrift (h3 – h5)  oder Standard (Normal) darstellen.
• Den Text fett, kursiv, unterstrichen oder durchgestrichen darstellen. 
• Den Text linksbündig, zentriert, rechtsbündig oder als Blockabsatz darstellen.
• Nummerierungen oder Stichpunkte einfügen. 
• Kettensymbol: Ausgewählten Text als Link (intern, extern, Dateiverweise) bzw. Email darstellen.
• Tabellensymbol: Eine Tabelle mit den gewünschten Spalten und Zeilen einfügen.
• Eine horizontale Linie einfügen.

Medien dienen der Illustration und sollten stets inhaltlich zum Text passen. 

• Bild- und Grafikformate (PDF, GIF, JPG, BMP u.v.m.) sowie audio- oder audiovisuelle Formate (WAV, MP3, MP4,...) werden über den zweite Reiter “Medien” eingebunden. 

  Es können hier nur Medien ausgewählt werden, die bereits im Dateisystem von TYPO3 eingepflegt wurden (). Diese Medien können über die Schaltfläche „Mediendatei hinzufügen“ ausgewählt werden. Hierzu im Fileadmin den entsprechenden Foto-Ordner heraussuchen und die gewünschte Datei mit Klick auswählen und speichern.

  Bitte informieren Sie sich über die Dateiverwaltung  und Eintrag der Bild-Metadaten (Copyright, alternativer Text und Titel sowie Beschreibung) auf folgender Seite: Dateiverwaltung 

• Über die Galerieeinstellungen und Verhalten (im Reiter Medien) können Sie das Verhältnis von Text und Bild bestimmen. Typische Varianten sind:
  • Bei Klick vergrößern
  • In den Galerieeinstellungen richten Sie die Datei so aus, dass diese entweder oberhalb (oben links) oder unterhalb (unten links) eines Textes platziert wird.
• Bildbearbeitung: Sie können das von Ihnen ausgewählte Bild über den "Editor" zuschneiden.

Bild-Metadaten und Vorgaben

1. Fotos müssen ausreichend groß sein für eine responsive Nutzung. Bildgröße 1920x1080 (4.3 oder 16:9 Format), mind. aber: > 1.111p breit
2. Dateinamen sollte Keyword enthalten: Wort_Wort_Wort.jpg
3. Unbedingt in der Dateiliste die Metadaten "Titel", "Alternativer Text" sowie eine "Beschreibung" eintragen. Dies sind verpflichtende Vorgaben für die Barrierefreiheit.
4. Wenn Sie den Bildnachweis direkt im Bild rechts oben vertikal anzeigen lassen wollen, müssen Sie diesen im Reiter Metadaten/Copyright eintragen.
5. Achtung: Wenn Sie die Bild-Metadaten im Text&Medien-Element direkt bearbeiten, sind diese auch nur auf der betreffenden Seite zu sehen. Wollen Sie bspw. einen Infotext übergreifend immer bei dem Bild dabei haben, gehen Sie den Weg über die Dateiliste.

Ein gut strukturierter Text erhöht die Lesbarkeit und wirkt professionell. Beachten Sie dabei folgende Grundregeln:

• Verwenden Sie Überschriften der Ebenen H2 und H3, um Inhalte auf der Seite zu gliedern, in den Textabschnitten auch Zwischenüberschriften nutzen (H3 und H4).
• Nutzen Sie den „Intro“-Stil, um einleitende Abschnitte hervorzuheben.
• Schreiben Sie kurze, verständliche Absätze. Für längere Textabschnitte gilt: Texte kürzen und möglichst nur ein Hauptthema pro Seite behandeln. Max. drei bis fünf thematische Textabschnitte wählen.
• Achten Sie auf korrekte Verlinkungen (interne und externe Links) und sprechende Linktexte (z. B. „zur Studienberatung“ statt „hier klicken“).
• Überschriften sind wichtig, ggf. versteckt anlegen: Sie dienen zur Erzeugung von seiteninternen Sprungmarken und zur besseren Backend-Organisation vor allem in der Listenansicht.
• Aufzählungen als Liste formatieren.
• Tabellen werden nur noch über den Texteditor eingefügt.
• Texte können nur aufklappbar sein, wenn sich diese in einem Akkordeon befinden.

Die Einhaltung barrierefreier Standards und die Datenschutzrichtlinien ist vorgegeben:

Prüfen Sie daher:

• Sind alle Bilder mit einem alternativen Text versehen?
• Sind alle Links verständlich formuliert?
• Ist der Text auch ohne Medien verständlich?
• Ist das Urheberrecht eingetragen?