web-dev-qa-db-ja.com

テキストを画像として使用してもよいのはいつですか?

新しいウェブサイトのビルドでテキストを画像として使用してはならない理由を説明するのに少し苦労しています。

設計チームは、メインコンテンツから引用した引用を追加したいと考えていますが、希望どおりにスタイルを設定するために、イメージにしたいと考えています。彼らの論理的根拠は、引用がすでにコンテンツに含まれているため、それは単なる追加であるため、画像として追加しても問題ありません。いくつかの理由として、アクセシビリティの問題と読み込み時間の短縮に言及しました。

しかし、画像を使用する正当な理由は、必要な情報ではない(そして、メインテキストの内容が重複している)ことの正当な理由ですか?

2
user2721349

WCAG 2.0から: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html

"1.4.5テキストの画像:使用されているテクノロジーが視覚的な表現を実現できる場合、情報の伝達にはテキストの画像ではなくテキストが使用されます。次:(レベルAA) "

Customizable:テキストの画像は、ユーザーの要件に合わせて視覚的にカスタマイズできます。

Essential:伝えられる情報にとって、テキストの特定の表現は不可欠です。

それで、テキストが画像形式で提示されることは必須ですか?

設計チームは次のように主張しています。

彼らが望むようにスタイルを整えるために、彼らはそれをイメージにしたいと思っています。

それは基本的に、「私たちの設計チームは十分な能力を備えていない」という意味です。

十分に視力のあるユーザーにこの引用を提示することが十分に重要である場合、それはすべての人に提示するのに十分重要です。サイトを構築する人々がそれを行うのに十分な能力がないという理由だけで、一部のユーザーに悪い体験を与えないでください。

5
JonW

レスポンシブデザイン

この画像を埋め込むWebページは、ブラウザウィンドウ/デバイスの画面サイズに合わせてサイズ変更しますか?もしそうなら(そうすべきです)、この画像は小さな画面サイズを含むすべてのブレークポイントに表示されますか?その画像に埋め込まれたテキストは見栄えがよく、その画像の幅が1400pxの場合は読みやすい42pxフォントになりますが、同じ画像が携帯電話に表示され、画像が320px画面に合うようにサイズ変更されると、埋め込まれたテキストは背の高い9pxの鋭くない混乱。

アクセシビリティ/ SEO

あなたが述べたように、画像に埋め込まれたテキストは、視覚障害者が読むことができません。また、ページのコンテンツのインデックスを作成しようとしている検索エンジンクローラーには表示されません。これは、代替テキストタグに引用を含めることで改善できますが、スクリーンリーダーを使用して引用を2回聞く人を混乱させる可能性があります。これに対抗するために代替テキストを空白のままにしておくことができますが、視覚障害のあるユーザーは視覚的能力のあるユーザーと同じコンテンツを受け取っていません。これがアクセシビリティの重要なポイントです。

重複するコンテンツ

あなたは、画像の引用がすでにページに表示されていると述べました。画面の面積は重要であり、認知負荷を最小限に抑えることも重要です。ユーザーが同じページで既に読んだ同じテキストをユーザーに表示することで、両方を無駄にするのはなぜですか?

2
DasBeasto