Änderungen von Dokument Erstellung barrierefreier Inhalte

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -217,7 +217,7 @@
217	217
218	218	{{code layout="LINENUMBERS"}}
219	219	<figure>
220		- <img data-cke-saved-src="" src="" alt="Alternativtext">
	220	+ <img ... alt="Alternativtext">
221	221	<figcaption>Bildtitel / Bildunterschrift</figcaption>
222	222	</figure>
223	223	{{/code}}
...	...	@@ -253,12 +253,14 @@
253	253	**Alternativtext mit dem Attribut alt**
254	254
255	255	{{code}}
256		-<img data-cke-saved-src="coffee-smile.jpg" src="coffee-smile.jpg" alt="Der Schaum auf einem Kaffee bildet ein schreiendes Gesicht." />
	256	+<img ... 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**
	259	+**Leeres alt-Attribut für Bilder ohne relevante Informationen**
260	260
261		-**{{code}}<img data-cke-saved-src="banner.jpg" src="banner.jpg" alt=" " /> {{/code}}**
	261	+{{code}}
	262	+<img ... alt=" " />
	263	+{{/code}}
262	262	{{/column}}
263	263	{{/section}}
264	264
...	...	@@ -282,7 +282,9 @@
282	282
283	283	Damit Bilder auf Geräten mit kleineren Bildschirmen vollständig dargestellt werden, ohne das Nutzer*innen horizontal scrollen müssen, sollte die maximale Breite im HTML auf 100% begrenzt werden. Dadurch wird das Bild nur so lange in der gewählten Größe dargestellt, bis es breiter ist, als der verfügbare Platz auf dem Bildschirm. Danach wird es dynamisch an die verfügbare Breite angepasst.
284	284
285		-{{code language="xml" title="Mit max-width eine maximale Breite für Bilder setzen"}}
	287	+**Mit max-width eine maximale Breite für Bilder setzen**
	288	+
	289	+{{code language="html"}}
286	286	<img data-cke-saved-src="coffee-smile.jpg" src="coffee-smile.jpg" alt="..." style="max-width: 100%" />
287	287	{{/code}}
288	288	{{/layout-cell}}