Unterstützung bei Bildunterschriften - zusätzlich zu Alt-Text

Fortsetzung der Diskussion von How to add a description for uploaded images?:

Ich habe nach einer Möglichkeit gesucht, einem Bild eine Bildunterschrift hinzuzufügen – für alle sichtbar. (<figcaption>)

Alt vs. Bildunterschrift

Ich finde es toll, dass Discourse alt-Text für sehbehinderte Leser unterstützt, aber dieser ist für sehende Leser praktisch nicht verfügbar. Sehende Leser benötigen nicht unbedingt die gleiche vollständige Bildbeschreibung, würden aber oft von etwas Kontext profitieren, z. B. Aus welchem Film stammt dieser Screenshot? Wie heißt dieses Kunstwerk?

Die Suche wurde dadurch erschwert, dass “Bildunterschrift” hier oft im Zusammenhang mit Bild-alt-Text verwendet wird. Sogar die Discourse AI-Funktion heißt “Caption with AI”. Dieser Punkt wird in einer Diskussion über die manuelle “Bildunterschrift” (Alt-Text)-Methode gemacht.

Syntax

Der Eltern-Thread endet 2019 mit:

Ich habe einige alte relevante Themen bei CommonMark gefunden, die darauf hinweisen, dass:

Aber https://talk.commonmark.org/ wird derzeit mit dem Banner „Bitte beachten Sie, dass die CommonMark-Spezifikation derzeit in Bezug auf Funktionen eingefroren ist“ angezeigt und die Bildspezifikation scheint die Verwendung von Bildunterschriften nicht zu behandeln.

Nächste Schritte

Wäre es so schlimm, in diesem Fall von CommonMark abzuweichen und etwas in Discourse zu implementieren, um das gängige figcaption-Tag für Bilder zu unterstützen?

Ich bin kein Experte für Barrierefreiheit, aber ich verstehe diese Funktionsanfrage nicht. Was ist der tatsächliche Unterschied zwischen alt und figcaption und warum setzen Sie sich dafür ein, vom CommonMark abzuweichen? Was übersehe ich?

Wenn ich ein Foto hochlade, z. B. von meiner Katze, erhält es eine Bildunterschrift, die mit dem Foto verknüpft ist. Ich kann dann die Bildunterschrift bearbeiten, um Kontext zu teilen.

Die Bildunterschrift wird beim Überfahren mit der Maus (Desktop) und unten auf dem Foto angezeigt, wenn Sie es auswählen, um es größer anzuzeigen:

Screenshot 2025-06-09 um 7.58.47 Uhr

1 „Gefällt mir“

Hallo Tobias,

bei der Überprüfung habe ich diesen Teil übertrieben:

[Zitat=“ToddZ, Beitrag:1, Thema:333922”]
Ich finde es toll, dass Discourse alt-Text für sehbehinderte Leser unterstützt, aber für sehende Leser ist er praktisch nicht verfügbar.
[/Zitat]

Alt-Text ist für sehende Leser verfügbar – aber es erfordert Mausaktionen, die ich normalerweise nicht durchführe, wenn ich durch Themen scrolle. Ohne ein “alt”-Symbol hätte ich nicht einmal daran gedacht, mit der Maus über Bilder zu fahren, um nach dem Vorhandensein von Alt-Text zu suchen. Das ist eigentlich ganz sinnvoll, da Alt-Text keine zusätzlichen Informationen vermitteln soll und für sehende Benutzer überflüssig sein sollte…

[Zitat=“tobiaseigen, Beitrag:2, Thema:333922”]
Was ist effektiv der Unterschied zwischen alt und figcaption… ?
[/Zitat]

Ich bin auch kein Experte für Barrierefreiheit, aber ich sehe, dass diese Funktionen für sehende und sehbehinderte Benutzer ganz unterschiedliche Zwecke erfüllen.

Alt-Text:

  • wird empfohlen, eine detaillierte Beschreibung des Bildes für sehbehinderte Benutzer bereitzustellen, als Äquivalent zu den visuellen Elementen
  • standardmäßig für sehende Benutzer ausgeblendet – weil sie das Bild sehen können
  • (wird vermutlich standardmäßig von Bildschirmleseprogrammen und anderen Tools für Barrierefreiheit verarbeitet)

Bildunterschrift (figcaption):

  • kann allen Benutzern einen Titel, eine Randbemerkung, ein Zitat oder einen anderen Kontext-Hinweis geben – nicht unbedingt eine vollständige Beschreibung dessen, was das Bild darstellt
  • wird im Fluss des Dokuments/Beitrags für alle Benutzer angezeigt, ob sehend oder nicht
  • erfordert keine Aktion zum Anzeigen, abgesehen vom normalen Browsen und Scrollen

Im Wesentlichen ersetzt alt-Text das Bild – er sagt Ihnen genau, was es ist. Eine figcaption kann Ihnen sagen, warum der Autor es dort platziert hat.

Alt-Text für Ihr Bild ist korrekt: “Eine graue getigerte Katze sitzt draußen auf einem Holzgeländer und schaut aufmerksam und neugierig mit einem grünen, blättrigen Hintergrund.” (Experten für Barrierefreiheit würden vielleicht noch mehr Details und weniger Subjektivität vorschlagen: “Eine graue getigerte Katze sitzt adrett auf einer Holzbank im Freien, füllt den Rahmen aus und schaut etwas außerhalb der Kamera an. Der sonnenbeschienene, blättrige Hintergrund ist verschwommen, während die Katze im Schatten mit ihrem Gesicht scharf fokussiert ist.”)

Eine Bildunterschrift (figcaption) könnte jedoch “Katze mit Alt-Text-Beispiel” lauten – oder “Rabenpfote kümmert sich nicht um Ihre Pedanterie.”

[Zitat=“tobiaseigen, Beitrag:2, Thema:333922”]
Warum befürworten Sie, dass wir von CommonMark abweichen?
[/Zitat]

Ich kann mich nicht zu den umfassenderen Auswirkungen einer Abweichung von CommonMark äußern – ich dachte nur, dass, wenn Commonmark keine Pläne hat, neue Funktionen zu implementieren, eine Abweichung für etwas weit verbreitet Nützliches gerechtfertigt sein könnte.

2 „Gefällt mir“

Hallo Tobias, ich bin neu hier. Ich möchte mein phpBB-Board auf Discourse migrieren. Ich liebe die Beschriftung, die angezeigt wird, wenn man mit der Maus über das Bild fährt! Es ist mir jedoch nicht klar, wie man beim Hochladen eine Beschriftung hinzufügt – kannst du mir das erklären? Ich war bei einem Upload auf meiner Testseite erfolglos.

Eine damit zusammenhängende Frage ist natürlich, wie schwierig es wäre, import_phpbb3.sh so zu modifizieren, dass die phpBB „Dateikommentare“ (bei Anhängen) den konvertierten Uploads zugewiesen werden, damit sie beim Darüberfahren angezeigt werden. Außerdem: phpBB erlaubt es, Dateikommentare anderen MIME-Typen zuzuweisen, z. B. .mp3 und .mp4. Geschieht dies auch mit Discourse?

Danke
Dan

1 „Gefällt mir“

Danke, dass Sie mich an dieses super süße Foto meiner Katze erinnert haben! In dem Beispiel, das ich gegeben habe, wurde die Bildunterschrift automatisch mithilfe künstlicher Intelligenz erstellt. Ich glaube, das ist es, was hier auf Meta passiert, und auch das, was Sie auf von Discourse gehosteten Websites ohne zusätzliche Einrichtung tun können. Wenn Sie dies auf einer selbst gehosteten Website tun wollten, müssten Sie dies mithilfe von KI einrichten.

Die automatische KI-Untertitel-Funktion wurde im Juli entfernt.


Die Art und Weise, wie Sie Bildunterschriften hinzufügen können, hängt vom verwendeten Editor ab. Im Rich-Text-Editor klicken Sie auf das Bild, dann auf den Text unter dem Bild und bearbeiten diesen.


Im Markdown-Modus können Sie es in der Vorschau über das kleine Bleistiftsymbol bearbeiten, oder Sie können direkt im Editor eingeben.

1 „Gefällt mir“

Hallo Dan, und willkommen!

Streng genommen ist das kein Bildunterschrift, sondern ein Alternativtext für Bilder – er soll Bilder für sehbehinderte Benutzer beschreiben. (Und ich war gerade dabei, einige Bearbeitungsscreenshots für dich vorzubereiten, aber Moin war schneller als ich.)

Deine Frage zur Behandlung von Dateikommentaren bei einem phpBB-Import wäre in einem eigenen Support-Thema besser aufgehoben, da die richtigen Leute es in diesem Thread möglicherweise nicht bemerken.

1 „Gefällt mir“

Moin, vielen Dank! Das ist eine coole Funktion. Todd, Sie haben völlig recht – ich werde einen geeigneten Ort finden, um nach dem phpBB-Import zu fragen.

Ich habe zur Kenntnis genommen, dass man zwar Text zu einer GIF-Datei hinzufügen kann, dieser aber beim Darüberfahren mit der Maus nicht angezeigt wird; GIFs werden auf meinem Board jedoch selten verwendet. phpBB erlaubt es, Kommentare zu .mp3- und .mp4-Dateien hinzuzufügen, aber anscheinend gibt es in Discourse keine solche Option, Text hinzuzufügen. Ich muss meine .sql-Backup-Datei nach diesen Anhängen mit Kommentaren durchsuchen und entscheiden, wie ich damit umgehen soll.

Ich bin begeistert von Discourse und davon, mein Board ins 21. Jahrhundert zu bringen! :zany_face:

-Dan

Danke, Todd, für den Verweis auf CommonMark – ich kannte es bisher nicht, und jetzt ergibt dieser Thread für mich mehr Sinn.

Ich betreibe seit 22 Jahren ein phpBB-Board und habe es im Laufe der Jahre ziemlich stark an meine Bedürfnisse angepasst: Galerieanzeige, Unterstützung für Inline-PDFs, Litebox und Beschriftung (mit/ohne Litebox). Als Sie figcaption erwähnten, hat es bei mir geklickt. Hier ist ein Ausschnitt aus attachment.html, einer Vorlage, die ich modifiziert habe:

	  <figure>
	  <a data-fancybox="gallery1" href="{_file.U_DOWNLOAD_LINK}" data-caption="{_file.COMMENT}">
	  <img src="{_file.THUMB_IMAGE}" class="postimage" alt="{_file.DOWNLOAD_NAME}"  title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" />
	  </a>
	  <!-- ENDIF -->
	  <!-- IF _file.COMMENT -->
	  <figcaption>{_file.COMMENT}</figcaption>
	  <!-- ENDIF -->
	  </figure>

Unser Freund figcaption.

Es ist an der Zeit für mich, mich von phpBB zu verabschieden; es hat seinen Nutzen überschritten, und Discourse ist eine viel robustere Plattform. Aber – obwohl ich mich nicht autoritativ zu CommonMark äußern kann oder warum man sich daran halten sollte – kann ich sagen, dass die Unfähigkeit, Bilder, PDFs, Videos, Audio usw. in Discourse zu beschriften, für mich ein schwerwiegendes Versäumnis ist. Wie auch immer es gehandhabt wird, es sollte eine Vorkehrung geben.

Nur meine $0.02.
-Dan

3 „Gefällt mir“

Über tote Pferde und sie auszupeitschen:

Hier ist ein Ausschnitt aus meiner „Garage“-Kategorie, Unterkategorie „Anleitungen“ in meinem phpBB-Forum. Wenn man auf ein Miniaturbild klickt, werden die Bilder zusammen mit den Kommentaren in Fancybox angezeigt. Text kann im Beitrag und/oder im Kommentar erscheinen – das sorgt für eine schöne und ordentliche Organisation.

Das Fehlen einer solchen Funktion in Discourse hält mich völlig auf. Wenn jemand eine Idee hat, wie man das umgehen kann, würde ich mich freuen, davon zu hören.

-Dan