Änderungen von Dokument Erstellung barrierefreier Inhalte

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
• Anhänge (0 geändert, 0 hinzugefügt, 2 gelöscht)
  • Texteditor-Tabellen-Zelleneigenschaften-Typ-Gültigkeitsbereich.png
  • Texteditor-Tabellen-Zelleneigenschaften.png

Details

Seiteneigenschaften

Inhalt

...	...	@@ -59,7 +59,7 @@
59	59	[[image:attach:Texteditor-Formate-Überschriften.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
60	60
61	61
62		-==== HTML-Code für Überschriften ====
	62	+==== HTML-Code nutzen ====
63	63
64	64	{{code language="xml"}}
65	65	<h1>Überschrift 1. Ordnung</h1>
...	...	@@ -70,6 +70,7 @@
70	70	<h6>Überschrift 6. Ordnung</h6>
71	71	{{/code}}
72	72
	73	+
73	73	=== Absätze und Hervorhebungen ===
74	74
75	75	Absätze, Gestaltung von Zitaten oder Hervorhebungen durch umrahmte Textabschnitte helfen, einen Text aufzulockern und bei Bedarf zu den relevanten Informationen zu springen.
...	...	@@ -103,7 +103,7 @@
103	103	{{/column}}
104	104
105	105	{{column}}
106		-==== HTML-Code für Listen ====
	107	+==== HTML-Code nutzen ====
107	107
108	108	{{code language="xml" title="Ungeordnete Liste (unordered list <ul>)"}}
109	109	<ul>
...	...	@@ -157,51 +157,6 @@
157	157	...
158	158	</table>
159	159	{{/code}}
160		-
161		-
162		-==== Spalten- und Zeilenüberschriften ====
163		-
164		-Zellen für Überschriften (Kopfzellen) sollten von Datenzellen nicht nur per Design, sondern zusätzlich per HTML unterschieden werden. Kopfzellen in Tabellen werden daher mit dem HTML-Tag <th> ausgezeichnet, Datenzellen mit <td>.
165		-
166		-Zusätzlich können die Kopfzellen mit den Datenzellen über das Attribut "scope" verknüpft werden. Dies stellt sicher, dass die Überschriften den Zeilen oder Spalten zugeordnet werden und somit die Ausgabe über Screenreader korrekt ist.
167		-
168		-Im Texteditor Tiny MCE können Sie über die **Zelleneigenschaften **ausgewählte Zellen als Überschriften definieren und die Zuordnung zu Spalten oder Zeilen vornehmen.
169		-
170		-* Wählen Sie dazu die gewünschten Zellen aus und öffnen Sie die **Zelleneigenschaften** über das Menü (Tabelle > Zelle > Zelleneigenschaften).
171		-* Wählen Sie im Dialog bei der Option "Zellentyp" "Kopfzelle" aus.
172		-* Wählen Sie "Spalte" bei der Option "Gültigkeitsbereich" aus.
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		-
175		-===== **Kopfzellen im Texteditor Tiny MCE definieren** =====
176		-
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"]]
178		-
179		-===== **Kopfzellen im HTML auszeichnen** =====
180		-
181		-{{code language="html" layout="LINENUMBERS"}}
182		-<table>
183		- <caption>Vorträge zu den Gruppenarbeiten</caption>
184		- <thead>
185		- <tr>
186		- <th scope="col">Datum</th>
187		- <th scope="col">Uhrzeit</th>
188		- <th scope="col">Thema</th>
189		- <th scope="col">Ort</th>
190		- </tr>
191		- </thead>
192		- <tbody>
193		- <tr>
194		- <td>04.03.</td>
195		- <td>10:00 - 11:00 Uhr</td>
196		- <td>Nachhaltigkeit</td>
197		- <td>Raum 3b</td>
198		- </tr>
199		-
200		-...
201		-
202		- </tbody>
203		-</table>
204		-{{/code}}
205	205	{{/layout-cell}}
206	206
207	207	{{layout-cell}}
...	...	@@ -307,13 +307,15 @@
307	307	{{/info}}
308	308
309	309
	266	+
310	310	==== Alternativtext im Texteditor Tiny MCE hinterlegen ====
311	311
312	312	[[image:attach:Texteditor-Bildbeschreibung.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
313	313
314	314
315		-==== Alternativtext im HTML hinterlegen ====
316	316
	273	+==== HTML-Code nutzen ====
	274	+
317	317	**Alternativtext mit dem Attribut alt**
318	318
319	319	{{code}}

Texteditor-Tabellen-Zelleneigenschaften-Typ-Gültigkeitsbereich.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.katharina

Größe

...	...	@@ -1,1 +1,0 @@
1		-9.3 KB

Inhalt

Texteditor-Tabellen-Zelleneigenschaften.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.katharina

Größe

...	...	@@ -1,1 +1,0 @@
1		-20.9 KB

Inhalt