Änderungen von Dokument Erstellung barrierefreier Inhalte
Zuletzt geändert von Carina Enke am 19.06.2025
Von Version 217.1
bearbeitet von Katharina Schönefeld (Admin)
am 29.02.2024
am 29.02.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 222.1
bearbeitet von Katharina Schönefeld (Admin)
am 15.04.2024
am 15.04.2024
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -86,11 +86,10 @@ 86 86 87 87 {{/code}} 88 88 89 -{{ error}}90 - (% 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.91 -{{/ error}}89 +{{warning}} 90 +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. 91 +{{/warning}} 92 92 93 - 94 94 === Listen === 95 95 96 96 (% 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. ... ... @@ -172,6 +172,10 @@ 172 172 * Wählen Sie "Spalte" bei der Option "Gültigkeitsbereich" aus. 173 173 * Wiederholen Sie die Aktion, falls Sie neben Spaltenüberschriften auch Zeilenüberschriften nutzen. In diesem Fall wählen Sie bei der Option "Gültigkeitsbereich" "Zeile" aus. 174 174 174 +{{warning}} 175 +Lassen Sie Kopfzellen niemals leer. 176 +{{/warning}} 177 + 175 175 ===== **Kopfzellen im Texteditor Tiny MCE definieren** ===== 176 176 177 177 [[image:Texteditor-Tabellen-Zelleneigenschaften.png||alt="Screenshot einer Seite mit einer Tabelle im Texteditor Tiny MCE. Die Kopfzeilen der Tabelle sind markiert und der Weg zu den Zelleneigenschaften ist hervorgehoben." data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]] [[image:Texteditor-Tabellen-Zelleneigenschaften-Typ-Gültigkeitsbereich.png||alt="Screenshot des Dialogs Zelleneigenschaften. Hervorgehoben sind die Optionen Zellentyp und Gültigkeitsbereich." data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" height="314" width="320"]] ... ... @@ -202,6 +202,8 @@ 202 202 </tbody> 203 203 </table> 204 204 {{/code}} 208 + 209 + 205 205 {{/layout-cell}} 206 206 207 207 {{layout-cell}} ... ... @@ -281,9 +281,9 @@ 281 281 282 282 **Bildunterschrift mit den HTML-Elementen figure und figcaption** 283 283 284 -{{code language="html" layout="LINENUMBERS" clean="false"}}289 +{{code language="html" layout="LINENUMBERS"}} 285 285 <figure> 286 - <img data-cke-saved-src="..." src="..." alt="Alternativtext">291 + <img alt="Alternativtext"> 287 287 <figcaption>Bildtitel / Bildunterschrift</figcaption> 288 288 </figure> 289 289 {{/code}} ... ... @@ -359,6 +359,8 @@ 359 359 (% id="HAlternativenfFCrVideosundAudio-Dateienbereitstellen" class="auto-cursor-target" %) 360 360 === Alternativen für Videos und Audio-Dateien bereitstellen === 361 361 367 +=== Alternativen für Videos und Audio-Dateien bereitstellen === 368 + 362 362 Beim Einsatz von Medien sollten die Informationen stets auch in einer alternativen Form angeboten werden. Neben der Bildbeschreibung (Alternativtext) für Bilder sollte an reine Audio-Inhalte (z.B. Podcasts) und Video-Inhalte mit Bild und Ton gedacht werden. 363 363 364 364 * Bieten Sie alternativen Inhalt oder ein Transkript an, wenn Sie Audio-Dateien wie z.B. einen Podcast verwenden.