Änderungen von Dokument Erstellung barrierefreier Inhalte
Zuletzt geändert von Carina Enke am 19.06.2025
Von Version 211.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 208.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,16 +69,21 @@ 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. 77 77 81 +{{section}} 82 +{{column}} 78 78 ==== Formate im Texteditor Tiny MCE nutzen ==== 79 79 80 80 [[image:attach:Texteditor-Formate-Absätze-Hervorhebungen.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 86 +{{/column}} 81 81 88 +{{column}} 82 82 ==== HTML-Code nutzen ==== 83 83 84 84 {{code language="xml"}} ... ... @@ -90,8 +90,9 @@ 90 90 {{error}} 91 91 (% style="color:#333333" %)Die Elemente <div> und <span> haben keine Bedeutung (Semantik) und sollten nur verwendet werden, um z.B. die Gestaltung per CSS oder dynamische Anpassungen per JavaScript zu realisieren. 92 92 {{/error}} 100 +{{/column}} 101 +{{/section}} 93 93 94 - 95 95 === Listen === 96 96 97 97 (% style="color:#333333" %)Listen können verwendet werden, um Informationen übersichtlich, kurz und knapp darzustellen. Wählen Sie zwischen ungeordneten und geordneten bzw. nummerierten Aufzählungen. ... ... @@ -254,6 +254,8 @@ 254 254 <img ... alt=" " /> 255 255 {{/code}} 256 256 265 + 266 + 257 257 {{info}} 258 258 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"]]. 259 259 {{/info}}