Ä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 207.1
bearbeitet von Katharina Schönefeld (Admin)
am 28.02.2024
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -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 -
56 +{{section}}
57 +{{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"]]
61 +{{/column}}
60 60  
61 -
63 +{{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}}
74 +{{/column}}
75 +{{/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 -
243 +{{container layoutStyle="columns"}}
244 +(((
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"]]
248 +)))
245 245  
246 -
247 -
250 +(((
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}}
264 +)))
265 +{{/container}}
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"]].