Changes for page Erstellung barrierefreier Inhalte
Last modified by Carina Enke on 12.11.2024
From version 206.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 209.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,9 +71,8 @@ 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. ... ... @@ -240,14 +240,14 @@ 240 240 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? 241 241 {{/info}} 242 242 243 - {{container layoutStyle="colums"}}244 - (((240 + 241 + 245 245 ==== Alternativtext im Texteditor Tiny MCE hinterlegen ==== 246 246 247 247 [[image:attach:Texteditor-Bildbeschreibung.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] 248 -))) 249 249 250 -((( 246 + 247 + 251 251 ==== HTML-Code nutzen ==== 252 252 253 253 **Alternativtext mit dem Attribut alt** ... ... @@ -261,8 +261,6 @@ 261 261 {{code}} 262 262 <img ... alt=" " /> 263 263 {{/code}} 264 -))) 265 -{{/container}} 266 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"]].