Texteditor der Komponente «Text und/oder Bild»
Texteditor
Zeichen und Absätze in einer Komponente werden mit dem Texteditor formatiert. Nicht jede Komponente nutzt den Texteditor.
Arbeiten mit dem Texteditor
- Text aus anderen Programmen wie Microsoft Word immer ohne Formatierungen in den Texteditor kopieren, z. B. via Notepad.
- Silbentrennung ausschalten vor dem Kopieren.
- Absätze mit «Enter»-Taste einfügen, nicht «Umschalt + Enter».
Sonderzeichen
- Das Sonderzeichen-Dialog (Stern-Symbol) enthält eine grosse Auswahl an Sonderzeichen.
- Alternativ funktionieren auch Tastaturkürzel (z. B. Alt+174 für « oder Alt+175 für »).
- Das erste Zeichen in der Auswahl ist ein geschütztes Leerzeichen. Damit wird beispielsweise ein Zeilenumbruch zwischen einer Zahl und dem Prozentzeichen oder der Wähung verhindert.
Absatzformatierungen
- Absatzformatierungen beziehen sich auf ganze Absätze, nicht auf einzelne Wörter oder Zeichen.
- Um einen Absatz zu formatieren, platziere den Cursor im Text und wähle die Absatzformatierung aus dem Dropdown.
Standard-Absatzformat: Fliesstext
- Fliesstext ist die Standardformatierung aller Absätze und erstreckt sich über die ganze Inhaltsbreite.
- Mit Enter beginnt ein neuer Absatz. Dabei wird die Absatzformatierung des vorherigen Absatzes übernommen. Manuelle Zeilenumbrüche («Umschalt+Enter») vermeiden.
Überschriften
- Der Titel einer Seite wird automatisch als Überschrift H1 formatiert.
- H2 ist die zweite Hierarchiestufe und dient als Überschrift von Komponenten. Komponenten-Titel werden für die Ankernavigation genutzt.
- H3 wird für die dritte Hierarchiestufe von Überschriften verwendet. Verwende H3 nur, wenn übergeordnet eine Überschrift H2 steht.
- Überschriften dürfen nicht zusätzlich die Zeichenformatierung fett haben!
Aufzählungen und Nummerierungen
- Richtig eingesetzte Aufzählungen erhöhen die Lesbarkeit einer Seite wesentlich.
- Erstelle Aufzählung und Listen nicht von Hand mit Bindestrichen oder Zahlen.
- Verwende Links nur sparsam innerhalb von Listen und Aufzählungen.
Zitate
Die Zitat-Formatierung wird ausgebaut. Nutze für Zitate die Komponente «Zitat».
Zeichenformatierungen
- Zeichenformatierungen sind Auszeichnungen einzelner Wörter und Zeichen.
- Markiere eines oder mehrere Wörter und wähle die gewünschte Formatierung.
Fettschrift
- Die Textauszeichnung fett (Engl. «bold») eignet sich zur Hervorhebung wichtiger Begriffe oder Satzteile.
- Verwende die Auszeichnung nicht, um Überschriften zu formatieren!
Kursivschrift
- Die Auszeichnung kursiv (Engl. «italic») darf ausschliesslich für wissenschaftliche Bezeichnungen verwendet werden, etwa für lateinische Namen von Pflanzen und Tieren.
- Andere Verwendungen sind nicht gestattet!
Hyperlink
Wörter oder Satzteile, die als Hyperlink formatiert sind, erscheinen unterstrichen. Interne Links werden standardmässig im selben Tab geöffnet, während externe Verknüpfungen automatisch in einem neuen Tab oder Fenster geöffnet werden.
- Markiere ein aussagekräftiges Wort oder einen Satzteil, der das Link-Ziel möglichst treffend beschreibt (nicht «hier», «mehr», «weiter» u. ä.).
- Klicke auf das «Hyperlink»-Icon.
- Suche die gewünschte interne Zielseite oder kopiere eine externe Verknüpfung, inkl. https://.
- Wenn der ausgewählte Satzteil nicht aussagekräftig genug ist für den Link-Text, kannst du das Link-Ziel mit einem Titel verdeutlichen. Der Titel wird bei Mouseover angezeigt und auch vorgelesen..
- Verwende für die Auflistung mehrerer Links die Komponente Linkliste!
- Telefonnummern können ebenfalls als Link formatiert werden. Der Link-Text ist dann mit mit Abständen +41 44 412 XX XX geschrieben (geschützte Leerzeichen verwenden, um Zeilenumbrüche zwischen den Zahlen zu verhindern!), der Link selber ist : «tel:+4144412XXXX».
Vorgaben
- Keine manuelle Silbentrennung*.
- Benutze ausschliesslich die zur Verfügung stehenden Formatierungsmöglichkeiten.
- Erzeuge Absätze mit der Enter-Taste.
- Mach keine Abstände mit leeren Absätzen durch mehrmaliges Drücken von Enter.
- Erzwinge keine Zeilenumbrüche mit «Shift+Enter».
- Vermeide direkt hintereinander, also ohne Text dazwischen, dieselbe Überschriftformatierung.
- Nutze die Textauszeichnung fett sparsam.
- Formatiere Überschriften nicht fett, sondern mit der passenden Überschrift.
- Erstelle Aufzählungen und Listen nicht von Hand mit Bindestrichen oder Zahlen.
- Verwende Hyperlinks in Aufzählungen und Listen nur ausnahmsweise.
*Bei extrem langen Wörtern, die mangels Umbruch layoutbedingt nicht lesbar sind, kann in Ausnahmefällen ein sogenannter weicher oder bedingter Trennstrich («soft hyphen») verwendet werden (Alt+0173).
Barrierefreiheit
- Die Textauszeichnung fett darf nicht für Überschriften verwendet werden.
- Für Aufzählungen und Nummerierungen müssen die entsprechenden Formate verwendet werden.
- Mehrere Leerzeichen nacheinander sowie leere Zeilenumbrüche zum Einrücken von Text bzw. um mehr Abstand zu generieren, sind nicht erlaubt.
Beispiele
Dies ist der Untertitel der Komponente (H3)
Dies ist ein Beispieltext mit dem Absatzformat «Fliesstext». Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Überschrift (H2)
Überschrift (H3) / in Kontextbox Überschrift (H4)
Aufzählung:
- Lorem ipsum dolor sit amet.
- Consetetur sadipscing elitr sed diam nonumy eirmod tempor.
- Invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Nummerierte Liste:
- Lorem ipsum dolor sit amet.
- Consetetur sadipscing elitr sed diam nonumy eirmod tempor.
- Invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Zitat:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.