Änderungen von Dokument Erstellung barrierefreier Inhalte

Zuletzt geändert von Carina Enke am 26.11.2025

Von Version 209.1
bearbeitet von Katharina Schönefeld (Admin)
am 28.02.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 199.1
bearbeitet von Katharina Schönefeld (Admin)
am 28.02.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -24,9 +24,11 @@
24 24  {{/layout-cell}}
25 25  
26 26  {{layout-cell}}
27 -{{panel title="Inhalt"}}
28 -{{toc start="2"/}}
27 +{{panel title=""}}
28 +**Inhalt**
29 29  
30 + {{toc start="2"/}}
31 +
30 30  **Verwandte Themen**
31 31  
32 32  * [[Texteditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.WebHome]]
... ... @@ -53,12 +53,14 @@
53 53  
54 54  Überschriften sollten nicht über die Schriftgröße sowie z.B. über die Formatierung Fett/Bold gestaltet werden, sondern über die HTML-Elemente <h1>, <h2>, <h3> bis <h6>. Die Hierarchie der Elemente (z.B. <h2> folgt auf <h1>) muss dabei eingehalten werden.
55 55  
56 -
58 +{{section}}
59 +{{column}}
57 57  ==== Formate im Texteditor Tiny MCE nutzen ====
58 58  
59 59  [[image:attach:Texteditor-Formate-Überschriften.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
63 +{{/column}}
60 60  
61 -
65 +{{column}}
62 62  ==== HTML-Code nutzen ====
63 63  
64 64  {{code language="xml"}}
... ... @@ -69,8 +69,9 @@
69 69  <h5>Überschrift 5. Ordnung</h5>
70 70  <h6>Überschrift 6. Ordnung</h6>
71 71  {{/code}}
76 +{{/column}}
77 +{{/section}}
72 72  
73 -
74 74  === Absätze und Hervorhebungen ===
75 75  
76 76  Absätze, Gestaltung von Zitaten oder Hervorhebungen durch umrahmte Textabschnitte helfen, einen Text aufzulockern und bei Bedarf zu den relevanten Informationen zu springen.
... ... @@ -237,14 +237,14 @@
237 237  Tipp: Stellen Sie sich vor, Sie würden das Bild einer Person am Telefon beschreiben. Welche Details erwähnen Sie, welche lassen Sie aus, da sie im Kontext nicht relevant sind?
238 238  {{/info}}
239 239  
240 -
241 -
245 +{{section}}
246 +{{column}}
242 242  ==== Alternativtext im Texteditor Tiny MCE hinterlegen ====
243 243  
244 244  [[image:attach:Texteditor-Bildbeschreibung.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
250 +{{/column}}
245 245  
246 -
247 -
252 +{{column}}
248 248  ==== HTML-Code nutzen ====
249 249  
250 250  **Alternativtext mit dem Attribut alt**
... ... @@ -258,6 +258,8 @@
258 258  {{code}}
259 259  <img ... alt=" " />
260 260  {{/code}}
266 +{{/column}}
267 +{{/section}}
261 261  
262 262  {{info}}
263 263  Für Bilder sollte auch der Kontrast geprüft werden. Das Hauptobjekt im Bild sollte sich ausreichend vom Hintergrund abheben. Tipps erhalten Sie bei [[leserlich.info>>url:https://www.leserlich.info/kapitel/bilder.php||shape="rect"]].