Bilder auswählen

Elemente, die Bilder zeigen, haben in ihrem Formular Bildfelder. Diese Seite zeigt, wie Sie ein Bild aus der Mediathek auswählen oder ein neues hochladen, wie Sie eine Galerie mit mehreren Bildern füllen, wie Sie gute Alternativtexte schreiben und wie Sie auf eine PDF-Datei verlinken.

Bildfelder

Ein leeres Bildfeld zeigt „Kein Bild ausgewählt“ und zwei Schaltflächen:

• Medien durchsuchen öffnet die Dateiauswahl, in der Sie ein Bild aus der Mediathek wählen.
• Dateien auswählen und hochladen lädt ein Bild von Ihrem Computer hoch und setzt es direkt ins Feld. Die Datei wird in der Mediathek im Ordner user_upload abgelegt.

Ist ein Bild gesetzt, zeigt das Feld ein Vorschaubild und den Ort des Bildes in der Mediathek. Ersetzen… öffnet die Dateiauswahl, um ein anderes Bild zu wählen, Leeren leert das Feld. Ist das Bild ein Pflichtfeld, wird ein leeres Feld mit „dieses Feld ist erforderlich“ abgelehnt. Wie jede Änderung in einem Formular zählt das neue Bild erst, wenn Sie auf Speichern klicken.

Die Dateiauswahl

1. Die Ordner der Mediathek. Der oberste Ordner heißt hier Mediathek. Klicken Sie auf einen Ordner, um seine Dateien zu sehen.
2. Dateien durchsuchen findet Dateien im geöffneten Ordner nach ihrem Namen.
3. Wechseln Sie zwischen Liste und Kacheln mit größeren Vorschaubildern.
4. Das Bild, das gerade im Feld steht, ist mit Aktuell markiert.
5. Dateien hochladen lädt Dateien von Ihrem Computer hoch. Sie landen im Ordner user_upload, und die Dateiauswahl zeigt danach diesen Ordner. Sie können Dateien auch auf die Dateiauswahl ziehen.

Klicken Sie auf eine Datei, um sie zu verwenden: Sie wird ins Feld gesetzt, und die Dateiauswahl schließt sich. Schließen Sie die Dateiauswahl mit ✕ oder Escape, bleibt das Feld unverändert. Das Papierkorb-Symbol neben einer Datei löscht sie aus der Mediathek, mit denselben Prüfungen wie im Modul Medien.

Galerien mit mehreren Bildern

Manche Elemente zeigen mehrere Bilder, etwa Bilder (ein Bilderraster) oder Text und Medien. Ihr Formular führt die Bilder als Zeilen auf.

1. Ziehen Sie eine Zeile an ihrem Griff, um die Reihenfolge zu ändern.
2. Oder verwenden Sie die Pfeile (Nach oben verschieben, Nach unten verschieben).
3. Das Auge (Eintrag deaktivieren) blendet ein Bild auf der Website aus, ohne es zu entfernen.
4. Der Papierkorb (Eintrag entfernen) entfernt die Zeile – ohne Rückfrage.
5. Medien durchsuchen und Dateien auswählen und hochladen fügen neue Zeilen hinzu.

Ein Klick auf den Titel einer Zeile klappt sie auf oder zu. Eine aufgeklappte Zeile zeigt das Bild und seine Felder, etwa Alternativtext, Titel, Beschreibung und Link. Alle Änderungen an den Zeilen zählen erst, wenn Sie auf Speichern klicken; schließen Sie das Formular ohne zu speichern, fragt der Editor, ob Sie Ihre Änderungen verwerfen wollen.

Mehrere Bilder auf einmal hinzufügen

Alternativtext

Der Alternativtext neben einem Bild beschreibt es in Worten. Screenreader lesen ihn Menschen vor, die das Bild nicht sehen können, und Browser zeigen ihn, wenn das Bild nicht lädt. Der Hinweis unter dem Feld fasst es zusammen: „Beschreibung des Bildes für Screenreader.“

Ein guter Alternativtext:

• sagt in einem kurzen Satz, was das Bild in diesem Zusammenhang zeigt;
• nennt, worauf es ankommt: Menschen, Orte, was geschieht, Text im Bild;
• beginnt nicht mit „Bild von“ oder „Foto von“ – das sagen Screenreader schon selbst;
• wiederholt nicht die Bildunterschrift oder den Text direkt daneben.

Lassen Sie das Feld nur bei Bildern leer, die reine Dekoration sind und keine Information tragen, etwa bei einer Hintergrundstruktur. Ein leerer Alternativtext sagt Screenreadern, das Bild zu überspringen. Auf einer Standard-Website ist das Feld freiwillig, die Person, die Ihre Website betreut, kann es aber zur Pflicht machen. Auf einer mehrsprachigen Website schreiben Sie den Alternativtext in jeder Sprache.

Auf eine PDF-Datei verlinken

Um ein PDF zu verlinken, etwa eine Wanderkarte oder eine Preisliste, verwenden Sie den Reiter Datei der Link-Auswahl. Die Link-Auswahl öffnen Sie aus einem Linkfeld oder im formatierten Text mit der Schaltfläche Link; siehe Text und Links.

Ein Link auf eine Datei in einem Linkfeld folgt der Datei, wenn Sie sie umbenennen oder verschieben. Ein Link im Text tut das nicht; siehe Die Mediathek.