Ä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
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
am 28.02.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
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"]].