Änderungen von Dokument Erstellung barrierefreier Inhalte

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -24,9 +24,11 @@
24	24	{{/layout-cell}}
25	25
26	26	{{layout-cell}}
27		-{{panel title="Inhalt"}}
28		-{{toc start="2"/}}
	27	+{{panel title=""}}
	28	+**Inhalt**
29	29
	30	+ {{toc start="2"/}}
	31	+
30	30	**Verwandte Themen**
31	31
32	32	* [[Texteditor>>doc:LMS.Benutzerhandbuch OPAL.Lehren.Weitere Funktionen.Texteditor.WebHome]]
...	...	@@ -53,12 +53,14 @@
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		-
	58	+{{section}}
	59	+{{column}}
57	57	==== Formate im Texteditor Tiny MCE nutzen ====
58	58
59	59	[[image:attach:Texteditor-Formate-Überschriften.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
	63	+{{/column}}
60	60
61		-
	65	+{{column}}
62	62	==== HTML-Code nutzen ====
63	63
64	64	{{code language="xml"}}
...	...	@@ -69,16 +69,21 @@
69	69	<h5>Überschrift 5. Ordnung</h5>
70	70	<h6>Überschrift 6. Ordnung</h6>
71	71	{{/code}}
	76	+{{/column}}
	77	+{{/section}}
72	72
73		-
74	74	=== Absätze und Hervorhebungen ===
75	75
76	76	Absätze, Gestaltung von Zitaten oder Hervorhebungen durch umrahmte Textabschnitte helfen, einen Text aufzulockern und bei Bedarf zu den relevanten Informationen zu springen.
77	77
	83	+{{section}}
	84	+{{column}}
78	78	==== Formate im Texteditor Tiny MCE nutzen ====
79	79
80	80	[[image:attach:Texteditor-Formate-Absätze-Hervorhebungen.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
	88	+{{/column}}
81	81
	90	+{{column}}
82	82	==== HTML-Code nutzen ====
83	83
84	84	{{code language="xml"}}
...	...	@@ -90,8 +90,9 @@
90	90	{{error}}
91	91	(% 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.
92	92	{{/error}}
	102	+{{/column}}
	103	+{{/section}}
93	93
94		-
95	95	=== Listen ===
96	96
97	97	(% 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.
...	...	@@ -232,14 +232,14 @@
232	232	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?
233	233	{{/info}}
234	234
235		-
236		-
	245	+{{section}}
	246	+{{column}}
237	237	==== Alternativtext im Texteditor Tiny MCE hinterlegen ====
238	238
239	239	[[image:attach:Texteditor-Bildbeschreibung.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
	250	+{{/column}}
240	240
241		-
242		-
	252	+{{column}}
243	243	==== HTML-Code nutzen ====
244	244
245	245	**Alternativtext mit dem Attribut alt**
...	...	@@ -253,6 +253,8 @@
253	253	{{code}}
254	254	<img ... alt=" " />
255	255	{{/code}}
	266	+{{/column}}
	267	+{{/section}}
256	256
257	257	{{info}}
258	258	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"]].