Ä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
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 208.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,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}}