Imogen
作成者 Kent C. Dodds
alt 属性に使える短い画像説明を作成。
出典の確認
焦点の合った代替テキストを書く
文書内の用途と前後の文章を示して説明を確認。装飾画像はアクセシビリティ方針に従います。
フロントエンドエンジニアドキュメント作成者コンテンツチーム
使い方 Imogen
ページの文脈に合う短い alt 文を作成。
リンク先のテンプレートに基づく手順です。タスクと確認基準は提案で、実測結果ではありません。
まず Bot を追加
開く： 公式 Imogen テンプレート で Import Bot を選び、アプリで追加を完了。会話を開いて以下の手順へ。未設定の場合は先に インストールと接続のガイド .
準備するもの
- 画像ファイルまたはアクセス可能な画像。
- 前後の文章、キャプション、画像の目的。
- 正確に伝える必要のある文字・データ。
画像を添付
重要な細部を確認できる解像度の画像を提供。
ページの文脈を説明
前後の文章と画像の目的を示し、既存の説明との重複を避ける。
候補を1つ依頼
関連情報に絞った短文を依頼し、読みにくい重要ラベルは正確な文を渡す。
ページ内で確認
画像と文章で確認し、CMS や部品の alt に設定。
初回実行の例
[BRACKETED_VALUE] を自分の情報に置き換え、必要なファイルを添付して送信してください。
[IMAGE_FILENAME] の短い alt 文を作って。 [TASK] の説明で使用し、前後の文は [SURROUNDING_COPY]。重要点：[WHAT_THE_IMAGE_EXPLAINS]、文字：[EXACT_LABELS_IF_NEEDED]。 関連情報を伝える文を1つ返し、説明文を重複せず、見えない情報を推測しない。
期待する結果
確認項目で結果を見直し、不足を依頼します。
- コピーできる短い候補文1つ。
- 文脈と画像の目的に合った説明。
- 画像と照合できる表現。
次の実行
次の画像も個別の文脈を示し、1件ずつ確認。
初回が進まない場合
一般的すぎれば鮮明な画像と目的を追加。読めないラベルは原文を渡す。
テンプレートの内容
公式の出典公開情報の要約です。能力を示すラベルで、インストールされるスキルや接続の正確な名称は非公開の場合があります。
連携と入力
- 画像入力。接続先は未指定
スキルと手順
公開情報に個別のスキルの記載はありません。
ルーチン
公開情報に定期実行の記載なし。
検討事項
短い説明に特化し、ページ全体のアクセシビリティを保証しません。