UIテキストと代替テキストの抜けや誤解を点検する プロンプト
画面の文言と画像の説明を、実際の画面と照らし合わせ、抜けや矛盾を示し、アクセシビリティを証明はしません。
- 分野
- 開発・IT
- レベル
- 中級
- 向いている用途
- リリース前に画面の文言と代替テキストを点検する
- ランディングページの空や誤解を招く画像説明を見る
- 編集や開発に渡す未解決点を集める
使い方
- 見える文言、既存の代替テキスト、各面や画像の短い説明を貼り付けます。
- ボタン、リンク、アイコン、装飾だけの画像など、どれが操作できるかを伝えます。
- 規格に対する判定はせず、説明していない画像の内容は作り上げません。
コピー用
UIテキストと代替テキストの抜けや誤解を点検してください。アクセシビリティや規格・法令への適合を証明しないでください。私の説明にない画像内容を作り上げないでください。 対象:[画面、ページ、コンポーネント] 見える文言(ラベル、ボタン、案内、エラーメッセージ): [文言を貼り付け] 既存の代替テキストまたはariaの説明: [テキストを貼り付け] その面で実際に見えていること、できること: [説明を貼り付け] 操作できるもの、情報を伝えるもの、装飾だけのものの区別: [一覧を貼り付け] 確認する点: 1. 抜け:操作できる、または情報を持つ要素のうち、代替テキストやアクセス可能な名前がなく、空の文言になっているものはどれか 2. 矛盾:文言が、説明された面や画像と違うことを言っている箇所 3. 装飾:装飾だけの画像なのに、流れを妨げる代替テキストがあるもの 4. 重複:すぐ隣の見えるラベルを繰り返しているだけの代替テキスト 5. 言葉:視覚的な文脈がないと分かりにくい表現 出力: - 表:要素|現在の文言または代替テキスト|問題|私の説明だけに基づく提案 - 情報が足りない要素のリスト - 規格ではなく、分かりやすい利用の観点での短い優先順 規則:画像の詳細を作り上げない。認証、点数、法的な断言はしない。提案は人が確認する草案。