Zum Inhalt springen

Änderungen von Dokument Erstellung barrierefreier Inhalte

Zuletzt geändert von Carina Enke am 26.11.2025
Von Version 249.1
bearbeitet von Carina Enke
am 12.11.2024
Änderungskommentar: Neues Bild Texteditor-Tabellen-Zelleneigenschaften-Typ-Gültigkeitsbereich_de.png hochladen
Auf Version 257.1
bearbeitet von Carina Enke
am 19.06.2025
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -70,7 +70,7 @@
70 70  
71 71  [[image:attach:Texteditor-Formate-Absätze-Hervorhebungen_de.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
72 72  
73 -==== HTML-Code nutzen ====
73 +==== HTML-Code für Absätze ====
74 74  
75 75  {{code language="xml"}}
76 76  <p>Absatz</p>
... ... @@ -135,7 +135,7 @@
135 135  
136 136  ===== **Tabellenbeschriftung im Texteditor Tiny MCE aktivieren** =====
137 137  
138 -[[image:Texteditor-Tabellen-Beschriftung.png||alt="Beschriftung für Tabellen aktivieren im Dialog Tabelleneigenschaften im Texteditor (Screenshot)" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
138 +[[image:Texteditor-Tabellen-Beschriftung_de.png||alt="Beschriftung für Tabellen aktivieren im Dialog Tabelleneigenschaften im Texteditor (Screenshot)" data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
139 139  
140 140  ===== **Caption im HTML einfügen** =====
141 141  
... ... @@ -166,8 +166,9 @@
166 166  
167 167  ===== **Kopfzellen im Texteditor Tiny MCE definieren** =====
168 168  
169 -[[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"]]
169 +[[image:Texteditor-Tabellen-Zelleneigenschaften_de.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" height="320" width="660"]] [[image:Texteditor-Tabellen-Zelleneigenschaften-Typ-Gültigkeitsbereich_de.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="320" width="323"]]
170 170  
171 +
171 171  ===== **Kopfzellen im HTML auszeichnen** =====
172 172  
173 173  {{code language="html" layout="LINENUMBERS"}}
... ... @@ -197,7 +197,7 @@
197 197  
198 198  {{panel title="Weiterführende Informationen"}}
199 199  * [[Kommunikationsdesign für Menschen mit und ohne Sehbehinderung (leserlich.info)>>url:https://www.leserlich.info/||shape="rect"]]
200 -* [[HTML als Auszeichnungssprache / Semantik (SELFHTML-Wiki)>>url:https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5/Entstehung_und_Entwicklung#HTML_als_Auszeichnungssprache||shape="rect"]]
201 +* [[HTML als Auszeichnungssprache / Semantik (SELFHTML-Wiki)>>https://wiki.selfhtml.org/wiki/HTML/Tutorials/Entstehung_und_Entwicklung#HTML_als_Auszeichnungssprache||shape="rect"]]
201 201  {{/panel}}
202 202  
203 203  == Wie werden Texte gut lesbar? ==
... ... @@ -211,7 +211,7 @@
211 211  
212 212  Beachten Sie bitte, dass u.a. Schriftgröße, Zeilenabstand und Zeilenlänge sowohl von der Schriftart, als auch vom verwendeten Endgerät abhängig sind.
213 213  
214 -{{info title="Tipp"}}
215 +{{info}}
215 215  Prüfen Sie die Lesbarkeit Ihrer Texte an verschiedenen Endgeräten und lassen Sie die Lesbarkeit durch andere Personen bewerten. Idealerweise von Ihren Nutzenden. Beziehen Sie Menschen mit Sehbehinderungen oder kognitiven Beeinträchtigungen sowie Lernbehinderungen ein.
216 216  {{/info}}
217 217  
... ... @@ -226,7 +226,7 @@
226 226  (% style="color:#333333" %)Texte für Verlinkungen brauchen eine aussagekräftige Bezeichnung und sollten den Zweck bzw. das Ziel des Links beschreiben. Mehrdeutige Link-Texte wie "mehr", "hier" oder "weiter lesen" sollten vermieden werden. Relevante Informationen über das Format oder die Größe einer Datei (z.B. bei einem Download-Link) sollten ebenfalls im verlinkten Text berücksichtigt werden.
227 227  
228 228  {{info}}
229 -Tipp: Ein Link muss für sich alleine stehen können und das Ziel oder den Zweck trotzdem ausreichend beschreiben.
230 +Ein Link muss für sich alleine stehen können und das Ziel oder den Zweck trotzdem ausreichend beschreiben.
230 230  {{/info}}
231 231  
232 232  
... ... @@ -337,7 +337,6 @@
337 337  {{/panel}}
338 338  
339 339  
340 -
341 341  == Farben & Kontraste ==
342 342  
343 343  Achten sie bei der Auswahl von Farben auf **ausreichend Kontrast zwischen Hintergrund- und Textfarbe**. Grundsätzlich hat Schwarz auf Weiß das beste Kontrastverhältnis, generell sollte das **Verhältnis mindestens 4,5:1** betragen ([[WCAG 2.1 - Contrast>>url:https://www.w3.org/TR/WCAG21/#contrast-minimum||shape="rect"]]).
Texteditor-Tabellen-Beschriftung_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +282.6 KB
Inhalt
Texteditor-Tabellen-Zelleneigenschaften_de.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.carina
Größe
... ... @@ -1,0 +1,1 @@
1 +50.0 KB
Inhalt