Skip to Content
Last modified by Carina Enke on 12.11.2024
From version 195.1
edited by Katharina Schönefeld (Admin)
on 28.02.2024
Change comment: There is no comment for this version
To version 196.1
edited by Katharina Schönefeld (Admin)
on 28.02.2024
Change comment: There is no comment for this version

Summary

Details

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