メール文面とレイアウトのアクセシビリティを確認する方法。
画像が使えない状態で読む順序とリンクの目的を確認してください。見た目が魅力的なメールでも、支援技術では理解しにくい場合があります。
作業手順をタスクに合わせましょう。
提供されたメールのテキスト順序、見出し、画像、リンクを確認します。画像がないと失われる情報を特定して意味のあるラベルを提案し、適切なアクセシビリティツールで実際のレイアウトを確認してください。
- 用意するもの
- メールの HTML または文面。
- 得られるもの
- 見出し、リンクラベル、読み上げ順の問題。
入力と結果を確認しましょう。
説明用の入力と出力 · 実際の WebAct 実行ではない学習用サンプル
入力項目サンプル個
An HTML email has image-only headings and several linked icons with no accessible names. No rendered layout supplied.
完成例
Issue 1: headings are available only as images; provide meaningful text headings or an appropriate text alternative. Issue 2: linked icons lack accessible names; name each destination or action. Unverified: contrast, reading order and client-specific rendering. Inspect the actual email before reporting a complete accessibility result.
この入力をプロンプトに読み込み、WebAct にコピーして試してください。結果は掲載例と異なる場合があります。
判断のポイントとトラブル対処。
アクセシブルな文面で、使いにくいメールレイアウトを補えますか？
役立ちますが、構造、コントラスト、メールソフトの描画も重要です。文面だけを要因とせず、メール全体を確認してください。
リンク付きアイコンが画像なしでは意味を失うのはなぜですか？
各リンク先を説明するアクセシブルな名前を付けてください。視覚的な記号がなくてもリンクの目的が分かる必要があります。
自分の資料で試しましょう。
タスクのプロンプト内の例を自分の資料に置き換えてください。必要な要件を残し、タスクを WebAct にコピーします。
タスクを調整してコピー ↑