画像の説明の追加を奨励/強制する

私たちは、スクリーンリーダーを利用する方々にも Discourse をアクセス可能にするため、常に画像の説明を追加する慣習を設けています。画像の説明を追加する際のベストプラクティスにはどのようなものがありますか?

例えば、以下のようなヘルプテキストを表示して、画像の説明を追加するよう促すことは可能でしょうか?

「画像を追加しました!トピックを作成する前に、画像の説明を追加してください。」

また、alt テキスト(代替テキスト)はどのように追加すればよいでしょうか?

画像の説明に関する詳細
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

いい質問ですね。自分も同じことを考えていました。ファイル名が画像の説明を作成するために使われているようです。その後、アップロードして Markdown で調整できます。画像付きの投稿を表示する際、画像の上にマウスを乗せるかクリックすると、より大きなサイズで画像を確認でき、下部に説明が表示されます。ただし、その説明がスクリーンリーダーでどのように機能するかはわかりません。

これが機能するならば、特に重要なコミュニティでは、これらの説明を改善する文化を育むことができます。モデレーターも注意深く監視し、投稿を編集して説明を改善したり、ユーザーに教育するためのプライベートメッセージを送ったりできます。

![発酵槽で 1 週間熟成したアイルランドの Stout、瓶詰め準備完了|375x500](upload://rW0hzxtwAluwFC6TAY07KT7J8IK.jpeg)

「いいね!」 4

このスレッドを再度持ち上げさせてください。

@codinghorror 技術的な改善に関する具体的なリクエストを行う場所はありますか?ユーザーにファイル名の変更やマークアップの提供を要求するのは、現実的ではありません。これらの手法は完全に発見不可能であり、仮に発見可能だとしても、ほとんどのユーザーにとっては乗り越えるのが難しいハードルです。代替テキストの追加は、支援技術に依存するユーザーが参加できるよう、画像アップロードの「通常のプロセス」の一部として、明確で、シンプルで、(特に)不可欠である必要があります。私見では、最も良い解決策は、画像アップロード時に説明文の入力を求めるポップアップを表示することです。また、少なくとも当フォーラムでは、空でないテキストの提供を必須にする設定を望みます。

「いいね!」 7

OK、それにはプラグインが必要かもしれません。まずは Marketplace から始めてみてはいかがでしょうか?

@codinghorror 伝えたいのは、アクセシビリティは後付けではなく、Discourse の設計段階から第一級の関心事として組み込む必要があるということです。(それとは別に、最近、非公式のプラグインとアップグレードの失敗による非常に悪い経験をしたため、公式プラグインのみをインストールしています。)

「いいね!」 2

ポップアップは使いやすさを向上させることはほとんどなく、その点には同意しかねます。

現在、クリップボードからの貼り付け時には以下のように表示されます:

ここでプラグインではなく、テーマコンポーネントとして実装できます:

  • 大きな赤いポップアップを追加する
  • アップロード後に「image」という単語を強調表示する
  • 遷移ページ(インタースティシャルページ)を導入する

コアの変更を検討する前に、まずはここでテーマコンポーネントから始めることをお勧めします。

「いいね!」 4

これら要素を含むテーマコンポーネントを教えてください。実際に触ってみて、代替テキストや画像の説明に関するテーマコンポーネントのワークフローをイメージしたいと考えています。

ただし、イベントプラグインのように、画像を挿入するとフォームが開き、そこで代替テキストと画像の説明を入力できるプラグイン形式が最適だと考えています。送信すると、画像が自動的に適切にフォーマットされるような仕組みです。

まず、コアの変更を検討する前に、テーマコンポーネントから始めることをお勧めします。

返信が遅れて申し訳ありません。Discourse の開発は常に思慮深く、徹底的であると私は考えており、他のスレッドからの認識も、アクセシビリティが優先事項であるという私の信念を強めました。

だからこそ、ここでの躊躇を正直に理解するのに苦労しています。現在のユーザーの状況は「追加したい、あるいは思い出そうとしても、ほぼ不可能」と表現でき、管理者の状況は「リマインダーを送ったり、促したりすることが完全に不可能」と言えます。alt タグをよりシンプルで扱いやすくすることは、すべての Discourse インスタンスのアクセシビリティ向上につながる、極めて簡単な改善策のように思われます。これはどこでも組み込まれるべきものです。$0.02

「いいね!」 3

確かに、投稿を防止するブロック用のインターシリアルを作成することは可能です。デフォルトの画像説明がファイル名と一致していることを踏まえれば、監視ワードを使用してこれを実現できるでしょう。

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

「いいね!」 1

これはAI自動ラベラーにとって興味深いターゲットになるかもしれません。

IMO、これらの設定が存在するはずです。

  • 画像のアップロード時に説明を求める(デフォルトON)
  • AIサービスを使用して画像の自動入力の説明を試みる(デフォルトOFF)

人間によるレビューなしで自動化されたAUラベルが送信されることは、個人的には望みません。

とはいえ、3年経った今、Discourseが画像アップロードのアクセシビリティオプションを合理化する機能に組み込むかどうかについては、やや懐疑的です。

当フォーラムは画像中心ではありませんが、先日画像を投稿する機会があり、alt属性の機能がどのように機能するかを確認するためにMetaに来なければなりませんでした。あまり明白ではありません。

今日の一般的なWeb開発におけるアクセシビリティへの関心の高まりによって、私の意識は高まりました。Discourseがアップロード時にalt属性を促し、それを必須にするオプションを提供してくれると嬉しいです。

「いいね!」 2

わずかにこれに関連して、Discourse AI は、投稿内の代替テキストのない画像を検出した際に、AI 生成の自動画像キャプションを有効にするようユーザーに一度だけ促します。

それはそうですが、AIが有効になっていないフォーラムでは、著者にプロンプトを表示してほしいです。

(Discourse AIを特に取り上げるわけではありませんが、これまでのところ、文脈を無視した非常に陳腐または不正確なコンテンツを提供することがあったため、AIによる代替テキスト全般は好きではありません。AIは、大規模なバックカタログに対するバルク操作のようなものには役立つかもしれませんが、記事や会話では、著者が画像の物語上のポイントを表現する代替テキストを作成してくれる方が、単なる視覚的な説明よりも良いです。)

「いいね!」 1

今後、コミュニティがこれを実行するテーマコンポーネントを開発するのが最善の方法です。それが好評であれば、最終的にはコアに採用される可能性があります。

「いいね!」 1

なぜでしょうか?特にアクセシビリティは、Discourseがリードすべき分野です。

「いいね!」 1

Discourse には画像の説明を追加する方法が用意されています。実装が気に入らないからといって、私たちがリードしていないということにはなりません! :wink:

別の実装をご希望の場合は、テーマコンポーネントとして実装するか、Marketplace で誰かに依頼してください。現在の実装よりもうまく機能する場合は、コアに追加されます。多くの改善がコアに追加されるのはこのような方法です。

とはいえ、新しいコンポーザー作業の一環として、UI のこの領域を再検討する必要があります。リストに載っています。

「いいね!」 1

フッターを追加するということですか、それともALTのようなものですか?目の不自由な人のために、特に画像の説明を追加する現在の期待される方法を探していて、ここにたどり着きました。

「いいね!」 1

alt属性は画像の説明であり、画像マークダウン構文内、または投稿プレビューの画像サムネイルから直接追加できます :slight_smile:

マークダウンの例:

![画像は、AIを活用したサポートクエリへのインテリジェントな返信機能であるAI自動応答について説明しているプロダクトマネージャーによるDiscord AIのブログ記事です。機能にはDiscourseの自動化とAIプラグインが必要です。(AIによるキャプション)|230x500](upload://6rMT7zREgcFUdeLKbbXXSqOUZLo.jpeg)

「いいね!」 3

この詳細について、さらに考えを練りました。alt テキストは、視覚を持つ閲覧者からはある程度隠されているため、少なくとも 視覚的な説明を含めるべきであり、物語のコンテキストは、Discourse では(まだ?)利用できない機能である figcaption を使用してインラインで表現するのが理想的です:画像キャプションのサポート - 代替テキストに加えて

しかし、現在「画像の説明」として利用できるのは実際には alt テキストだけなので、これについてプロンプトを出すことは依然として有益でしょう。

「いいね!」 2