Bilderbeschreibungen fördern/durchsetzen

Wir haben die Praxis, stets Bildbeschreibungen hinzuzufügen, um Discourse für Menschen, die Bildschirmlesegeräte verwenden, zugänglich zu machen. Was sind einige der besten Methoden, um das Hinzufügen von Bildbeschreibungen zu unterstützen?

Ist es beispielsweise möglich, dass Hilfetexte angezeigt werden, die Personen auffordern, eine Bildbeschreibung hinzuzufügen?

„Sie haben ein Bild hinzugefügt! Bitte fügen Sie eine Bildbeschreibung hinzu, bevor Sie das Thema erstellen."

Und wie fügen wir Alt-Text hinzu?

Mehr zu Bildbeschreibungen
https://uxdesign.cc/how-to-write-an-image-description-2f30d3bf5546
https://livingwithdisability.tumblr.com/post/124066767358/all-about-image-descriptions
https://www.perkinselearning.org/technology/blog/how-write-alt-text-and-image-descriptions-visually-impaired

3 „Gefällt mir“

Gute Frage. Ich habe mich das auch schon gefragt. Es scheint, dass der Dateiname verwendet wird, um eine Beschreibung für das Bild zu erstellen. Nach dem Hochladen kannst du sie im Markdown anpassen. Wenn du einen Beitrag mit einem Bild ansiehst, kannst du mit der Maus darüberfahren oder darauf klicken, um das Bild größer anzuzeigen; dabei wird die Beschreibung unten eingeblendet. Ich weiß jedoch nicht, wie diese Beschreibung in Screenreadern funktioniert.

Wenn das funktioniert, kannst du für Communities, bei denen dies besonders wichtig ist, eine Kultur entwickeln, die sich auf die Verbesserung dieser Beschreibungen konzentriert. Moderatoren können ebenfalls darauf achten, Beiträge zu bearbeiten, um die Beschreibungen zu verbessern, oder private Nachrichten senden, um Benutzer zu schulen.

![Irish Stout nach einer Woche im Gärfass, bereit zum Abfüllen in Flaschen|375x500](upload://rW0hzxtwAluwFC6TAY07KT7J8IK.jpeg)

4 „Gefällt mir“

Ich möchte diesen Beitrag noch einmal nach oben holen.

@codinghorror Gibt es hier einen Ort, an dem man spezifische Anfragen für technische Verbesserungen stellen kann? Benutzer dazu zu zwingen, Dateien umzubenennen oder Markup bereitzustellen, ist schlichtweg nicht praktikabel. Diese Techniken sind völlig unentdeckbar, aber selbst wenn sie es wären, stellen sie eine Hürde dar, die die meisten Benutzer nicht überwinden werden. Das Hinzufügen von Alternativtexten muss offensichtlich, einfach und (kritisch) Teil des normalen Ablaufs beim Hochladen von Bildern sein, damit Benutzer, die auf assistive Technologien angewiesen sind, teilnehmen können. Meiner Meinung nach wäre die beste Lösung ein Popup beim Hochladen von Bildern, das nach beschreibendem Text fragt. Und zumindest für unser Forum würde ich sogar eine Konfiguration wünschen, die das Bereitstellen eines nicht-leeren Texts obligatorisch macht.

7 „Gefällt mir“

OK, ich denke, dafür bräuchtest du ein Plugin. Vielleicht fängst du im Marketplace an?

@codinghorror Ich wollte damit sagen, dass Barrierefreiheit eine primäre Anforderung sein muss, die direkt in Discourse integriert wird und nicht als nachträglicher Zusatz angefügt wird. (Abgesehen davon installieren wir nach einer kürzlich gemachten sehr schlechten Erfahrung mit einem nicht-offiziellen Plugin und einem misslungenen Upgrade nur offizielle Plugins).

2 „Gefällt mir“

Pop-ups verbessern die Benutzerfreundlichkeit selten, daher bin ich mir nicht sicher, ob ich dem zustimme.

Momentan machen wir beim Einfügen aus der Zwischenablage Folgendes:

Dafür könnte eine Theme-Komponente erstellt werden (kein Plugin erforderlich):

  • Eine große rote Pop-up-Nachricht hinzufügen
  • Das Wort „Bild“ nach dem Hochladen hervorheben
  • Eine Zwischenleitseite einführen.

Ich schlage vor, zunächst mit einer Theme-Komponente zu beginnen, bevor Änderungen am Kernsystem in Betracht gezogen werden.

4 „Gefällt mir“

Könntest du mir ein Theme-Modul zeigen, das diese Elemente enthält? Ich möchte gerne mit einem davon experimentieren, um mir einen Überblick über den Arbeitsablauf für ein Theme-Modul mit Alternativtext- und Bildbeschreibungsfunktionen zu verschaffen.

Ich bin jedoch der Meinung, dass ein Plugin, ähnlich wie bei Events, die beste Lösung wäre: Man fügt ein Bild ein, und es öffnet sich ein Formular, in dem man den Alternativtext und die Bildbeschreibung eingibt. Beim Klicken auf „Absenden“ wird das Bild automatisch korrekt formatiert.

Ich schlage vor, zunächst mit einer Theme-Komponente zu beginnen, bevor man Kernänderungen in Betracht zieht.

Entschuldige bitte die verspätete Antwort. Ich habe die Entwicklung von Discourse schon immer als durchdacht und gründlich angesehen, und meine Wahrnehmung aus anderen Threads hat mich ebenfalls dazu gebracht zu glauben, dass Barrierefreiheit eine Priorität ist.

Genau deshalb habe ich ehrlich gesagt Schwierigkeiten, die Zurückhaltung hier zu verstehen. Ich würde die aktuelle Situation für Benutzer als “fast unmöglich hinzuzufügen, selbst wenn sie es wollen oder sich erinnern” und die Situation für Administratoren als “völlig unmöglich zu erinnern oder zu ermutigen” beschreiben. Alt-Tags einfacher und zugänglicher zu gestalten, scheint ein unglaublich leicht erreichbarer Fortschritt zu sein, der die Barrierefreiheit auf jeder Discourse-Instanz verbessern würde. Es sollte überall integriert sein. $0.02

3 „Gefällt mir“

Man könnte durchaus ein blockierendes Interstitial einrichten, das das Posten verhindert. Ich denke, das ließe sich mit überwachten Wörtern umsetzen – da wir wissen, dass die Standardbildbeschreibung dem Dateinamen entspricht?

![super_breakout_1680x1050|690x431](upload://kVEmM01Hth0lkki06JdIsR4do5P.jpeg)

1 „Gefällt mir“

Dies könnte ein interessantes Ziel für einen KI-Auto-Labeler sein.

Meiner Meinung nach wären diese Einstellungen vorhanden

  • Aufforderung zur Angabe von Beschreibungen beim Hochladen von Bildern (standardmäßig EIN)
  • Versuch, Bildbeschreibungen mithilfe eines KI-Dienstes automatisch auszufüllen (standardmäßig AUS)

Ich persönlich möchte nicht, dass automatisierte AU-Labels ohne menschliche Überprüfung übermittelt werden.

Alles in allem bin ich nach drei Jahren nun doch etwas skeptisch, ob Discourse Funktionen zur Optimierung von Barrierefreiheitsoptionen für Bild-Uploads implementieren wird.

Wir sind kein Forum mit vielen Bildern, aber ich musste gerade ein Bild posten und kam zu Meta, um die Alt-Text-Funktionalität nachzuschlagen, um sicher zu sein, wie sie funktioniert. Es ist nicht sehr offensichtlich.

Mein Bewusstsein wurde durch eine zunehmende Betonung der Barrierefreiheit in der allgemeinen Webentwicklung von heute geschärft. Ich würde es begrüßen, wenn Discourse beim Hochladen nach Alt-Text fragt und die Möglichkeit bietet, diesen obligatorisch zu machen.

2 „Gefällt mir“

Etwas Ähnliches: Discourse AI fordert Benutzer jetzt einmal auf, wenn Bilder ohne Alt-Text in ihren Beiträgen erkannt werden, um KI-generierte automatische Bildunterschriften zu aktivieren.

Das ist etwas, aber ich würde trotzdem gerne eine Aufforderung für Autoren in Foren sehen, die keine KI ermöglichen.

(Nicht um Discourse AI zu kritisieren, aber bisher bin ich kein Fan von KI-generierten Alternativtexten im Allgemeinen, da ich gesehen habe, dass sie wirklich banale und/oder ungenaue Inhalte liefern, die den Kontext ignorieren. KI mag ihren Platz in Dingen wie Massenoperationen an großen Back-Katalogen haben. Aber in einem Artikel oder einer Konversation würde ich es vorziehen, wenn der Autor einen Alternativtext verfasst, der den narrativen Punkt des Bildes ausdrückt, nicht nur eine visuelle Beschreibung.)

1 „Gefällt mir“

Der beste Weg für die Zukunft ist, dass die Community eine Themenkomponente entwickelt, die dies tut. Wenn sie gut angenommen wird, könnte sie schließlich in den Kern übernommen werden.

1 „Gefällt mir“

Warum? Barrierefreiheit ist ein Bereich, in dem Discourse führend sein sollte.

1 „Gefällt mir“

Discourse bietet zwar eine Möglichkeit, Bildbeschreibungen hinzuzufügen. Nur weil Ihnen die Implementierung nicht gefällt, heißt das nicht, dass wir nicht führend sind! :wink:

Wenn Sie eine andere Implementierung wünschen, können Sie diese gerne als Theme-Komponente implementieren oder jemanden im Marketplace dafür bezahlen. Wenn sie besser funktioniert als das, was wir jetzt haben, wird sie in den Kern aufgenommen. So landen viele Verbesserungen im Kern.

Davon abgesehen müssen wir im Rahmen der Arbeit am neuen Composer diesen Bereich der Benutzeroberfläche überarbeiten. Es steht auf der Liste.

1 „Gefällt mir“

Meinen Sie das Hinzufügen einer Fußzeile oder eher ALT-Text? Ich bin hier gelandet, weil ich nach der derzeit erwarteten Methode suche, um Bildern Beschreibungen hinzuzufügen, insbesondere für blinde Menschen, falls es eine gibt.

1 „Gefällt mir“

Das Alt-Attribut ist die Bildbeschreibung, die Sie innerhalb der Bild-Markdown-Syntax oder direkt über die Miniaturansicht des Bildes in der Beitragsvorschau hinzufügen können :slight_smile:

Markdown-Beispiel:

![Das Bild ist ein Discord AI Blogbeitrag eines Produktmanagers, der den AI Autoresponder diskutiert, eine Funktion, die KI nutzt, um Supportanfragen intelligent zu beantworten und Discourse-Automatisierung und KI-Plugins für die Funktionalität erfordert. (Beschriftet von KI)|230x500](upload://6rMT7zREgcFUdeLKbbXXSqOUZLo.jpeg)

3 „Gefällt mir“

Ich habe meine Überlegungen zu diesem Detail verfeinert. alt-Text, der für sehende Betrachter etwas verborgen ist, sollte mindestens eine visuelle Beschreibung enthalten, während der narrative Kontext idealerweise inline mit figcaption ausgedrückt werden sollte – eine Funktion, die in Discourse (noch?) nicht verfügbar ist: Support image captions - in addition to alt text.

Da wir derzeit jedoch nur eine „Bildbeschreibung“ haben, die eigentlich der alt-Text ist, wäre es trotzdem gut, danach zu fragen.

2 „Gefällt mir“