Änderungen von Dokument Erstellung barrierefreier Inhalte

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -213,12 +213,10 @@
213	213
214	214	Verwenden Sie folgenden HTML-Code um das Bild und den Bildtitel barrierefrei zu gestalten:
215	215
216		-**Bildunterschrift mit den HTML-Elementen figure und figcaption**
217		-
218		-{{code layout="LINENUMBERS"}}
	216	+{{code language="html" title="Bildunterschrift mit den HTML-Elementen figure und figcaption"}}
219	219	<figure>
220		- <img ... alt="Alternativtext">
221		- <figcaption>Bildtitel / Bildunterschrift</figcaption>
	218	+ <img data-cke-saved-src="" src="" alt="Alternativtext">
	219	+ <figcaption>Bildtitel / Bildunterschrift</figcaption>
222	222	</figure>
223	223	{{/code}}
224	224	{{/layout-cell}}
...	...	@@ -250,15 +250,13 @@
250	250	{{column}}
251	251	==== HTML-Code nutzen ====
252	252
253		-**Alternativtext mit dem Attribut alt**
254		-
255		-{{code}}
256		-<img ... alt="Der Schaum auf einem Kaffee bildet ein schreiendes Gesicht." />
	251	+{{code language="xml" title="Alternativtext mit dem Attribut alt"}}
	252	+<img data-cke-saved-src="coffee-smile.jpg" src="coffee-smile.jpg" alt="Der Schaum auf einem Kaffee bildet ein schreiendes Gesicht." />
257	257	{{/code}}
258	258
259		-**~ Leeres alt-Attribut für Bilder ohne relevante Informationen**
260		-
261		-**{{code}}<img ... alt=" " /> {{/code}}**
	255	+{{code language="xml" title="Leeres alt-Attribut für Bilder ohne relevante Informationen"}}
	256	+<img data-cke-saved-src="banner.jpg" src="banner.jpg" alt=" " />
	257	+{{/code}}
262	262	{{/column}}
263	263	{{/section}}
264	264