Changes for page Erstellung barrierefreier Inhalte
Last modified by Carina Enke on 12.11.2024
From version 208.1
edited by Katharina Schönefeld (Admin)
on 28.02.2024
on 28.02.2024
Change comment:
There is no comment for this version
To version 210.1
edited by Katharina Schönefeld (Admin)
on 28.02.2024
on 28.02.2024
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -53,14 +53,12 @@ 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 -{{section}} 57 -{{column}} 56 + 58 58 ==== Formate im Texteditor Tiny MCE nutzen ==== 59 59 60 60 [[image:attach:Texteditor-Formate-Überschriften.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 61 -{{/column}} 62 62 63 - {{column}}61 + 64 64 ==== HTML-Code nutzen ==== 65 65 66 66 {{code language="xml"}} ... ... @@ -71,21 +71,16 @@ 71 71 <h5>Überschrift 5. Ordnung</h5> 72 72 <h6>Überschrift 6. Ordnung</h6> 73 73 {{/code}} 74 -{{/column}} 75 -{{/section}} 76 76 73 + 77 77 === Absätze und Hervorhebungen === 78 78 79 79 Absätze, Gestaltung von Zitaten oder Hervorhebungen durch umrahmte Textabschnitte helfen, einen Text aufzulockern und bei Bedarf zu den relevanten Informationen zu springen. 80 80 81 -{{section}} 82 -{{column}} 83 83 ==== Formate im Texteditor Tiny MCE nutzen ==== 84 84 85 85 [[image:attach:Texteditor-Formate-Absätze-Hervorhebungen.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 86 -{{/column}} 87 87 88 -{{column}} 89 89 ==== HTML-Code nutzen ==== 90 90 91 91 {{code language="xml"}} ... ... @@ -97,9 +97,8 @@ 97 97 {{error}} 98 98 (% 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. 99 99 {{/error}} 100 -{{/column}} 101 -{{/section}} 102 102 94 + 103 103 === Listen === 104 104 105 105 (% 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. ... ... @@ -262,8 +262,6 @@ 262 262 <img ... alt=" " /> 263 263 {{/code}} 264 264 265 - 266 - 267 267 {{info}} 268 268 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"]]. 269 269 {{/info}}