Bilder
Bilder liegen im Ordner images/ neben den Seiten und werden relativ eingebunden. Jede Sprache hat ihren eigenen images/-Ordner – so können Screenshots die passende Oberflächensprache zeigen.
Screenshot
Der Alternativtext in eckigen Klammern beschreibt, was zu sehen ist. Er wird von Screenreadern vorgelesen und erscheint, wenn das Bild nicht lädt.
Bild mit Bildunterschrift
Markdown kennt keine Bildunterschrift. Bewährt hat sich ein kursiver Satz direkt unter dem Bild:
Abbildung 1: Der Schalter (1) aktiviert den Hinweis für alle Produkte.
Breite Grafik
Breite Grafiken werden auf die Inhaltsbreite verkleinert:
Markierungen im Screenshot
Nummerierte Markierungen im Bild (wie die 1 oben) werden im Text aufgegriffen:
- Schalter Hinweis aktiv einschalten.
- Hinweistext eingeben.
- Mit Speichern übernehmen.
Tipps für Screenshots
- Format PNG für Screenshots, SVG für Grafiken und Diagramme.
- Breite höchstens 1600 px, nur den relevanten Ausschnitt zeigen.
- Keine echten Kundendaten zeigen.
- Dateinamen in Kleinbuchstaben mit Bindestrich:
produkt-hinweis-anlegen.png.