テキストの画像
Silktide は、ページ上の単語を含む画像が純粋に装飾目的であるか、または単語を画像として表示することが本当に不可欠であるかを確認するよう求めます。単語が情報を伝える場合は、テキストの画像ではなく、実際のテキストにする必要があります。
重要な理由
画像に埋め込まれた単語は、閲覧者の環境に合わせて変化できません。拡大するとぼやけ、ユーザーが選択したフォントや色を反映できず、小さな画面では再配置されず、翻訳もできません。これは、このルールの最も厳格なバージョンです。広く求められている の達成基準では、いくつかのケースでテキストの画像が認められていますが、この レベル AAA の達成基準(1.4.9)では、装飾目的、またはロゴのように正確な視覚的表現が不可欠な場合に限り認められます。
修正方法
このチェックでは、各ページを確認するよう促します。
- 単語を含む画像を探します。バナー、ボタン、見出し、グラフ、デザインツールから書き出したプロモーション用グラフィックなどが該当します。
- それらを、 でスタイルを設定した実際のテキストに置き換えます。最新のウェブフォントとスタイルを使えば、ほとんどすべてのデザインを再現できます。
- テキストの画像は、純粋に装飾目的である場合、または特定の表現が不可欠な場合にのみ使用します。典型的な例は、ロゴやブランドのワードマークです。
- ページに問題がないことを確認したら、検出結果を します。
Silktide によるテスト方法
- すべてのページが手動レビューの対象になります。画像に単語が含まれているかどうか、またその表現が不可欠かどうかを確実に判断するには、人間の判断が必要です。
トラブルシューティング
類似する AA のチェックとの違い
テキスト情報 は、レベル AA の達成基準(1.4.5)を扱います。この達成基準では、カスタマイズ可能または不可欠な場合、テキストの画像が認められます。このチェックは、装飾目的または不可欠な場合にのみテキストの画像を認める、より厳格な AAA の達成基準(1.4.9)を扱います。レベル AA を目標としている場合は、まずそちらのチェックを優先してください。