適切な代替テキスト
Silktide は、代替テキストが設定されているページ上の画像を一覧表示します。これにより、そのテキストが各画像の内容や機能を本当に伝えているかを確認できます。説明が正確かどうかは人間が判断することであり、自動テストでは判断できません。
<!-- 代替テキストは存在しますが、
この画像が実際に伝えている内容を「Apple」と表現してよいかは、あなたにしか判断できません -->
<a href="/apple">
<img src="apple.png" alt="Apple">
</a>
重要な理由
は、置き換える画像と同じ情報を伝える場合にのみ役立ちます。存在していても間違っているテキスト(古い画像の残り、キーワードを詰め込んだキャプション、曖昧なラベルなど)は、ないよりも悪い場合があります。なぜなら、の利用者には、その説明が誤解を招くものであることを知る方法がないからです。
リンクやボタンとして機能する画像は、特に重要です。代替テキストでリンク先やボタンの動作が伝わらないと、画像を見ることのできない人にとって、サイトの一部が利用できなくなります。
修正方法
このチェックでは、確認済みの問題を報告するのではなく、各画像を確認するよう求めます。画像ごとに、次の手順を行います。
- 代替テキストが、画像と同じ情報や目的を伝えていることを確認します。写真の場合は写っているものを説明し、リンク画像の場合はリンク先や動作を説明し、グラフの場合は何を示しているかを要約します。
- この確認に合格しない代替テキストを、またはコードで書き直します。
- 画像が純粋になものだと判明した場合は、代替テキストを空の
alt=""に置き換えます。
Silktide によるチェック方法
- 各ページ上のすべての画像を見つけます。ただし、チェック対象から除外した要素はスキップします。
- 代替テキストが不要な画像をスキップします。対象は、ソースがない画像、1ピクセル以下の画像、スクリーンリーダーから隠されている画像です。
- 残った画像のうち、空でない代替テキストがあるものを、そのテキストとともに一覧表示し、確認できるようにします。
明らかに役に立たない代替テキスト(ファイル名など)が設定されている画像は、不十分な代替テキストで別途報告されます。また、代替テキストがまったくない画像は、代替テキストの不足で報告されます。このチェックはその残りを対象とし、品質を判断できるのは人間だけです。
トラブルシューティング
正しい画像がここに一覧表示されるのはなぜですか?
それで問題ありません。これは失敗の一覧ではなく、確認のための一覧です。Silktide は画像に何が描かれているかを認識できないため、妥当と思われる代替テキストが設定されたすべての画像を表示し、人間が確認できるようにします。画像を一度確認すれば、変更がない限り、再度確認する必要はありません。