Änderungen von Dokument Erstellung barrierefreier Inhalte

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -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,21 +71,16 @@
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.
80	80
81		-{{section}}
82		-{{column}}
83	83	==== Formate im Texteditor Tiny MCE nutzen ====
84	84
85	85	[[image:attach:Texteditor-Formate-Absätze-Hervorhebungen.png||data-xwiki-image-style="img-screen" data-xwiki-image-style-border="true" width="500"]]
86		-{{/column}}
87	87
88		-{{column}}
89	89	==== HTML-Code nutzen ====
90	90
91	91	{{code language="xml"}}
...	...	@@ -97,9 +97,8 @@
97	97	{{error}}
98	98	(% 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.
99	99	{{/error}}
100		-{{/column}}
101		-{{/section}}
102	102
	94	+
103	103	=== Listen ===
104	104
105	105	(% 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.
...	...	@@ -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="columns"}}
244		-(((
	235	+
	236	+
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		-(((
	241	+
	242	+
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"]].