Tụlee Ngụgharị

画像の alt テキストは、文書のアクセシビリティに不可欠です。PDF ファイルで手動で作成する方法や、Firefox の AI 搭載機能を利用する方法について説明します。

PDF ファイルをアクセシブルにすることは、スクリーンリーダーを使用している人を含む誰もがコンテンツを十分に利用できるようにするために不可欠です。代替テキストは画像の重要な説明を提供し、スクリーンリーダーのユーザーを助け、認知障がいのある人々をサポートします。残念ながら、PDF には代替テキストが欠けていることがよくあります。 Firefox では、PDF に代替テキストを簡単に追加できます。手動で追加することも、試験的な<!-- これが試験的でなくなったら数か月後に更新してください --> AI 搭載機能を使用して代替テキストを自動的に生成することもできます。画像の挿入時または後から代替テキストを追加できます。AI が生成したテキストを使用する場合は、正確性を確認することを忘れないでください。 __TOC__ =代替テキストを手動で追加する= {for not fx130} PDF に画像を含め、アクセシビリティのために代替テキストを手動で追加するには、次の手順に従ってください: <!-- 代替テキストの自動生成機能は現在、英語 (EN) ロケールでのみ利用可能です。他のすべてのロケールでは、この機能はまだ公式にサポートされていないため、ユーザーはこの「代替テキストを手動で追加する」フローに従う必要があります。このセクションの {for not fx130} 条件は、EN 以外のロケールでは削除する必要があります。 --> # 画面の右上にある [[Image:Add image to PDF 2]] をクリックします。 # {menu + Add image} をクリックしてファイル選択ウィンドウを開きます。 # PDF に追加したい画像ファイルを参照して選択します。 # 画像を追加した後、{button + Alt text} をクリックします。 # 表示されたスペースで、次のいずれかを行います: #* スクリーンリーダーのために、画像の [https://accessibility.huit.harvard.edu/describe-content-images 簡潔な説明] を記述するか、 #* 視覚的な目的のためだけの場合は、画像を '''装飾''' としてマークします。 # {button Save} をクリックして代替テキストを挿入します。 # 画像を PDF 内の好きな場所にドラッグアンドドロップします。 # 画像のサイズを変更するには、境界線をクリックして目的のサイズになるまでドラッグします。 #;[[Image:Add image to PDF]] {/for} {for fx130} <!-- 代替テキストの自動生成機能は現在、英語 (EN) ロケールでのみ利用可能です。これは、EN ロケール/V130 のユーザーが代替テキストを手動で追加する際に表示されるフローです。 --> PDF に画像を含め、アクセシビリティのために代替テキストを手動で追加するには、次の手順に従ってください: {note}'''注:''' これらの手順は進行中の実験の一部であり、まだすべてのユーザーが利用できるわけではありません。一部のユーザーは、代替手順 ([ [#w_alternative-steps|下記参照] ]) に従う必要があります。{/note} #Firefox で PDF を開きます。PDF ビューアーの上部にある画像アイコン [[Image:Add image to PDF 2]] をクリックし、{menu Add image} をクリックします。 #;[[Image:Add image to PDF simplified]] #追加する画像を選択します。画像がアップロードされると、代替テキストエディターが表示されます。 #'''代替テキストを自動的に作成''' の隣にあるトグル [[Image:Firefox android toggle off|width=40]] をオフにします。 #テキストボックスに代替テキストを最初から記述します。 #{button Save} をクリックして画像に追加します。{button Not Now} をクリックすると、行った変更は破棄されます。 #;[[Image:Turn off automatic alt text in PDFs]] #代替テキストが追加されたことを示す確認メッセージが表示されます。 #;[[Image:Alt text added]] #画像に代替テキストがない場合、{button Missing alt text} というボタンが表示されます。このボタンはいつでもクリックして画像に代替テキストを追加でき、ドキュメントをよりアクセシブルにできます。 #画像の選択を解除しても代替テキストがまだない場合、画像にアラートが表示されます (これは印刷ビューには表示されません)。 #* このアラートを削除するには、PDF エディターの上部にある画像アイコンをクリックし、画像をクリックし、{button Missing alt text} ボタンをクリックして上記の手順に従います。 ==代替手順== 上記の手順は進行中の実験の一部です。一部のユーザーは、代替テキストを手動で追加するために、これらの代替手順に従う必要がある場合があります: # 画面の右上にある [[Image:Add image to PDF 2]] をクリックします。 # {menu + Add image} をクリックしてファイル選択ウィンドウを開きます。 # PDF に追加したい画像ファイルを参照して選択します。 # 画像を追加した後、{button + Alt text} をクリックします。 # 表示されたスペースで、次のいずれかを行います: #* スクリーンリーダーのために、画像の [https://accessibility.huit.harvard.edu/describe-content-images 簡潔な説明] を記述するか、 #* 視覚的な目的のためだけの場合は、画像を '''装飾''' としてマークします。 # {button Save} をクリックして代替テキストを挿入します。 # 画像を PDF 内の好きな場所にドラッグアンドドロップします。 # 画像のサイズを変更するには、境界線をクリックして目的のサイズになるまでドラッグします。 #;[[Image:Add image to PDF]] {/for} {for fx130} <!-- 代替テキストの自動生成機能は現在、英語 (EN) ロケールでのみ利用可能です。他のすべてのロケールでは、この機能はまだ公式にサポートされていないため、ユーザーは上記の「代替テキストを手動で追加する」フローに従う必要があります。 --> =代替テキストを自動的に追加する= [[Template:progressiverollout]] ==代替テキストの自動生成について== 代替テキストの自動生成は、小規模な言語 AI モデルを端末にダウンロードすることに依存しています。これにより、モデルが端末上で直接実行されるため、画像やデータが管理外になることはなく、プライバシーは常に保護されます。重要なこととして、個人データがモデルのトレーニングに使用されることはありません。代わりに、モデルは [https://huggingface.co/datasets/Mozilla/flickr30k-transformed-captions 多様なオープンソース画像のセット] でトレーニングされます。これにより、プライバシーを犠牲にすることなく、PDF に役立つ代替テキストを取得できます。私たちの [https://hacks.mozilla.org/2024/05/experimenting-with-local-alt-text-generation-in-firefox-nightly/ 小規模言語モデル] について詳しく読むか、[https://github.com/mozilla/distilvit/blob/main/docs/fighting_bias.md モデルのトレーニング方法] について学んでください。 {for fx148} ===AI コントロールを介して代替テキストの自動生成を有効にする=== 代替テキストの自動生成を有効にするには: #[[Template:optionspreferences]] #左側で {menu AI Controls} を選択します。 #'''On-device AI''' セクションで、{menu Image alt text in Firefox PDF viewer} に移動し、ドロップダウンメニューから {menu Enabled} を選択します。 ;[[Image:Fx148AIControls-PDF]] {/for} ==代替テキストの自動生成機能を使用する== PDF に画像を含め、アクセシビリティ向上のために代替テキストを自動的に追加するには、次の手順に従ってください: #Firefox で PDF を開きます。PDF ビューアーの上部にある画像アイコン [[Image:Add image to PDF 2]] をクリックし、{menu Add image} をクリックします。 #;[[Image:Add image to PDF simplified]] #追加する画像を選択します。画像がアップロードされると、画像に基づいて自動生成された代替テキストとともに代替テキストエディターが表示されます。生成されたテキストは、初めて使用する際に読み込みに数秒かかる場合があります。 #自動生成されたテキストを確認し、必要に応じて書き換え/編集します。 #{button Save} をクリックして代替テキストを画像に追加します。{button Not Now} をクリックすると、行った変更は破棄され、元の自動生成された代替テキストが画像に追加されます。 #;[[Image:Automatic alt text]] #代替テキストが追加されたことを示す確認メッセージが表示されます。 #;[[Image:Automatic alt text added]] #{button Save} の代わりに {button Not Now} をクリックすると、{button Review alt text} というボタンが表示されることがあります。これは、自動生成された代替テキストが品質を確保するために人によるレビューを受けるべきだからです。いつでも {button Review alt text} をクリックし、代替テキストを確認・編集した後に {button Save} をクリックできます。 #画像の選択を解除しても代替テキストにレビューが必要な場合、画像にアラートが表示されます (これは印刷ビューには表示されません)。 #* このアラートを削除するには、PDF エディターの上部にある画像アイコンをクリックし、画像をクリックし、{button Review alt text} ボタンをクリックして上記の手順に従います。 =画像の代替テキスト設定= #PDF ビューアーのオーバーフローメニューをクリックし、{menu Image alt text settings} を選択します。 #;[[Image:Image alt text settings]] #設定パネルから、代替テキストの自動生成をオフにし、代替テキスト AI モデルを端末から削除できます。代替テキストの自動生成を使用するには、端末に AI モデルが必要であることに注意してください。 #画像を追加した直後に代替テキストエディターを表示したくない場合は、代替テキストエディターの設定を変更することもできます。これをオフにしても、PDF ビューアーの上部にある画像アイコンをクリックし、画像を選択して代替テキストボタンをクリックすることで、代替テキストエディターにアクセスできます。 #;[[Image:Alt text settings]] =代替テキストを記述するためのヒント= 代替テキストは、画像の内容の簡単な要約であるべきです。読者が画像について理解するために最も重要なことは何か、そしてそれが PDF の他のコンテンツとどのように関連しているかを考えてください。 代替テキストの記述に関する詳細なヒントについては、以下のリソースを確認してください: *[https://www.w3.org/WAI/tutorials/images/tips/ W3C のヒントとコツ] *[https://afb.org/consulting/afb-accessibility-resources/improving-your-web-site 米国視覚障がい者財団: 効果的な画像の説明または「代替テキスト」の記述] *[https://accessibility.huit.harvard.edu/describe-content-images ハーバード大学: 「画像を説明するための役立つ代替テキストの記述」] *[https://build.washingtonpost.com/resources/accessibility/alt-text#Captions%20vs.%20alt%20text%20explained ワシントン・ポストの代替テキストガイドライン] =よくある質問= ==代替テキストの自動生成は正確ですか？== 私たちの小規模言語モデルはまだ開発途上であり、特に複雑な画像を説明する際に間違いを犯すことがあります。そのため、この機能を次のように設計しました: *ユーザーが不正確な点を修正し、代替テキストを保存する前に欠落している詳細を含めることができるように、人によるレビューを推奨します。 *代替テキストが自動生成された場合、事前にガードレールを提供し、スクリーンリーダーのユーザーに通知します。これにより、スクリーンリーダーのユーザーは、自動生成された説明が人間によって書かれた説明よりも精度が低い可能性があることを理解した上で、説明を読むかスキップするかを決定できます。 自動生成されたコンテンツに関する問題を報告するには、[https://bugzilla.mozilla.org/show_bug.cgi?id=1909526 こちらでチケットを作成してください]。 ==代替テキストの自動生成は、過度に説明的または複雑なコンテンツを生成することがありますか？== 良い代替テキストは短く、簡単な言葉を使用するべきです。そのため、私たちはモデルを、できるだけ平易な言葉を使用した非常に短い説明を生成するようにトレーニングしました。 ==代替テキストの自動生成は、曖昧すぎたり、重要な詳細を見逃したりすることがありますか？== 短い説明を目指しているため、テキストに詳細が欠ける可能性があります。そのため、すべての自動生成された代替テキストについて人によるレビューを推奨しており、ユーザーが必要に応じて適切なコンテキストと詳細を追加できるようにしています。 ==代替テキストの自動生成はプライベートですか？== はい。この機能を支える小規模言語モデルは、お使いの端末にローカルにダウンロードされます。これは、PDF と画像コンテンツが端末上でプライベートに保たれ、リモートサーバーに送信されることはないことを意味します。PDF、画像、代替テキストのコンテンツが Mozilla に表示されることは決してありません。 ==PDF や画像のデータは代替テキストモデルのトレーニングに使用されますか？== いいえ。PDF や画像のデータが端末から送信されることはなく、データが代替テキストモデルのトレーニングに使用されることもありません。 ==代替テキストの自動生成をオフにするにはどうすればよいですか？== 代替テキストエディターから、'''代替テキストを自動的に作成''' のトグルをオフにして、この機能をオフにできます。 または、PDF のオーバーフローメニューから画像の代替テキスト設定にアクセスし、そこからトグルをオフにすることもできます。この設定画面では、端末からモデルを削除することもできます。 {for fx148}Firefox の設定にある AI コントロールパネルからも代替テキストの自動生成をオフにできます。詳しくは、[[Block generative AI features with Firefox AI controls]] をご覧ください。{/for} ==代替テキストが自動生成されたことを知るにはどうすればよいですか？== 代替テキストエディターのテキストボックスの下に ''This alt text was created automatically'' というテキストが表示されたら、代替テキストが私たちのモデルを使用して生成されたことがわかります。 Firefox エディター以外で PDF を読んでいるユーザーには、代替テキストの前に免責事項が表示されます。これにより、スクリーンリーダーで代替テキストを読んだり、PDF 上で直接読んだりする人々が、代替テキストが人間によって生成されたものではないことを知ることができます。例: 「自動的に作成されました: [ここに代替テキストの説明が入ります]」。 ユーザーが自動生成された代替テキストを手動で編集した場合、免責事項は表示されなくなります。 ==代替テキストの追加をスキップできますか？== はい。画像を追加した後、代替テキストエディターで {button Not now} をクリックできます。これにより、代替テキストに加えた変更は破棄されます。 これを行うと、画像に {button Review alt text} というボタンが表示されることがあります。これは、自動生成された代替テキストが品質を確保するために人によるレビューを受けるべきだからです。画像に代替テキストがない場合は、{button Missing alt text} というボタンが表示されます。このボタンはいつでもクリックでき、代替テキストを確認、追加、編集した後に {button Save} をクリックできます。 画像を追加した後に代替テキストエディターを表示したくない場合は、PDF のオーバーフローメニューから画像の代替テキスト設定を開き、この設定をオフにしてください。 ==代替テキストは印刷された PDF に表示されますか？== いいえ、代替テキストはデジタル PDF にのみ表示され、画像にカーソルを合わせるか、スクリーンリーダーで読み上げることで確認できます。 ==代替テキストの自動生成は、偏った、不適切、または不快なコンテンツを生成することがありますか？== 私たちは、代替テキストモデルが偏った、不適切、または不快なコンテンツを生成するリスクを低減するために、いくつかの措置を講じてきました。これには、モデルが不快な言葉を使用したり、画像に描かれている人々の人種、民族、宗教、性別、健康状態を推測したりしないようにプログラミングすることが含まれます。 良い代替テキストは画像の意味とその内容を伝えますが、この機能を支える小規模言語モデルは、人間ができるようにニュアンスのある意味を提供したり、画像を適切な歴史的または文化的文脈に置いたりすることはできません。しかし、私たちのモデルは、ユーザーが画像の意味を適切に伝えるために必要に応じて編集できる代替テキストの初稿を作成するように設計されています。この出発点を提供し、人によるレビューを推奨することで、ユーザーが [https://www.w3.org/WAI/fundamentals/accessibility-principles/#alternatives 確立されたベストプラクティス] をより迅速に満たす代替テキストを作成するのを支援しています。 [https://github.com/mozilla/distilvit/blob/main/docs/fighting_bias.md 代替テキストモデルのトレーニング中にバイアスにどのように対処したか] について詳しく学んでください。 {/for} =関連記事= *[[View and edit PDF files using Firefox’s built-in viewer]] *[[Choose your preferred PDF viewer in Firefox]] *[[Block generative AI features with Firefox AI controls]]