Sie befinden sich hier:    Tipps und Tricks   →   RDtools   →   RDweb   →   Textdateien   →   Bilder einfügen

Seiteninhalt - Startpunkt für Screenreader

Bilder einfügen

Jede Internetseite lebt von Bildern und Grafiken. Um die Bilder in den Text einzüfügen wird die Bild-Datei (jpg, png oder gif) in das Verzeichnis „daten“ gespeichert. Der Bildname wird dann im Text aufgeführt. Allerdings natürlich auch wieder in bestimmter Art und Weise:


bild.jpg Bildtext #*# Text rechts neben dem Bild.
Text links neben dem Bild #*# Bildtext bild.jpg
bild.jpg Bildtext #*# Text zwischen den Bildern. #*# Bildtext foto.jpg
bild.jpg Bildtext #*##*# Bildtext foto.jpg
bild.jpg Bildtext #*#

Beim Bildnamen muss folgendes beachtet werden:

  • Dateiendung ".jpg", ".png" oder ".gif"
  • Dateiname hat ausschließlich die Kleinbuchstaben a bis z, Ziffern, Bindestrich und unterstrich
  • keine Umlaute, keine Großbuchstaben, keine sonstigen Satz- und Sonderzeichen

In der letzten Zeile im Beisiel oben ist wichtig, dass nach dem #*# kein Leerzeichen folgt! Das Bild wird dann ohne Text zentriert auf der Seite platziert.

Bildtext

Bildtext definiert hier den Bildtext oben im Beispiel!

Der Bildtext kann weggelassn werden.

Wird der Bildtext eingetragen, dann erscheint dieser als Alternativtext. Der Alternativ-Text wird angezeigt, wenn ein Anwender die Grafiken ausgeschaltet hat oder wenn die Seite von einem Screenreader vorgelesen wird.

Wird der Bildtext von der Zeichenfolge #+# unterbrochen, so ist der Text vor dieser Zeichenfolge der Alternativ-Text, der Text nach dieser Zeichenfolge ist die Bildunterschrift; also ein Text, der direkt unter das betreffende Bild geschrieben wird.

Soll also ein Alternativ-Text und eine Bildunterschrift eingefügt werden, dann muss es so geschrieben werden:


bild.jpg Alternativ-Text #+# Bildunterschrift #*# Text rechts neben dem Bild.
Text links neben dem Bild #*# Alternativ-Text #+# Bildunterschrift bild.jpg
bild.jpg Alternativ-Text #+# Bildunterschrift #*# Text zwischen den Bildern. #*# Alternativ-Text #+# Bildunterschrift foto.jpg
bild.jpg Alternativ-Text #+# Bildunterschrift #*##*# Alternativ-Text #+# Bildunterschrift foto.jpg
bild.jpg Alternativ-Text #+# Bildunterschrift #*#

Achtung: Bei einer Bildunterschrift muss (derzeit) zwingend ein Alternativ-Text eingefügt werden!

Letzte Aktualisierung 17.09.2025, 14:35 Uhr | © 2025 Ruf-Dienst | Design Ruf-Dienst