web-dev-qa-db-ja.com

ウェブ上のテキストは正当化されるべきですか?

Webアプリでの正当なテキストの使用に関する研究はありますか?正当化は画面の読みやすさにどのように影響しますか?

正当化されたテキストの例:

enter image description here

15
ALH

いいえ、正当化されたテキストはしばしば空白の大きなブロックを作成し、単語の流れの連続性を壊すという単純な理由によります。引用するには この記事 UXムーブメントで見つかりました

正当化されたテキストを使用すると、失読症でないユーザーにとってテキストが読みにくくなるだけでなく、失読症のユーザーにとっても読みにくくなります。正当化されたテキストは、文字と単語の間に大きな不均一なスペースを作成しますこれは失読症の読者が繰り返しその場所を失うことを引き起こす可能性があります

Webアクセシビリティの正当なテキスト に関するこの記事に従って、

ブラウザは、位置揃えの処理と位置揃えされたテキストの表示があまり得意ではなく、印刷されたテキストで実現される間隔の微妙な違いとは異なり、単語間のスペースが大きく異なるテキストが表示される可能性があります。この極端な間隔の変化により、テキストが読みにくくなります。目がテキストの行に沿ってスムーズに移動できる代わりに、「ぴったりと開始」して移動し、各単語の先頭を検索してジャンプする必要があります。

視力に問題がない、または読みに困難のある人は、これが軽度の悪化に過ぎないと感じるかもしれませんが、画面拡大ソフトウェアを使用している人(単語間のギャップも拡大されているため)、および失読症などの状態の人には、実際の問題を引き起こす可能性があります。画面上のテキストの正当化された通路内で容易に発生する可能性のある空白の「川」が実際の単語自体よりも明確なパターンを形成し、テキストを非常に読みにくくしていることに気づく読み難さや認知障害を持つ人々理解する。

ただし、各マージンの直線がテキストの列を横切って目をガイドし、整列された列がテキストのさまざまな領域を定義して単語の論理的な流れを作成し、読みやすさを向上させるため、正当化されたテキストは印刷されます

21
Mervin

完全に見過ごされているように見えるいくつかの重要なポイントがあります。

  • 美学も重要です。
  • 選択する必要はありません(代わりにリーダーを有効にします)。

美学

正当化されたテキストの使用は長い道のりを遡ることを覚えておく価値があるかもしれません。正当化されたテキストは、おそらく存在する最も高く評価され、最も価値のあるドキュメントで使用されます。

一部のWebブラウザーがriversのような欠陥を含まない正当化されたテキストをレンダリングできないのは、Webタイポグラフィーの失敗のみです。これらは500年前や1000年前の問題ではありませんでした。

enter image description here
13世紀のラテン語の英語の聖書。議会図書館。手書き

enter image description here
1455年頃。JohnannesGutenberg 42行聖書、モーガン図書館。組み替​​え可能な活字

riversなどの全体的な欠陥がないことに注意してください。

もちろん、これらは読みにくいですが、この問題の主な理由はnotがテキストの正当化に関係していることです。ラテン語の使用と、今ではなじみのない黒文字の書体の使用。

したがって、正当化されたテキストを使用するかどうかは、美しいものを作成するか、平凡で平凡なものを作成するかによって部分的に異なります。

誤った選択

この質問をしてはいけません。選択する必要はありません。

読者に選択肢または選択肢の範囲を提供できます。これはすべて、CSSスタイルシートに関するものであり、HTMLコンテンツに関するものではありません。

CSSの要点は、この問題を解決することです。

Cookieを使用して記憶される視覚スタイルの選択肢を読者に提供することは、比較的簡単なことです。提供されているスタイルシートの1つは失読症向けに最適化でき、もう1つは視覚障害のある人向け、もう1つは希望に応じて(または感触が必要な場合)赤緑色の失明者向けに最適化できます。

あなたは絶対にあなたのウェブサイトを損なったり劣化させたりする必要がないので、良いタイポグラフィを高く評価する人がそれを楽しむことができません。


私はせいぜい平凡なWebデザイナーです。しかし、正当化されたテキストは読みやすさに問題を引き起こす醜いriversを作成する必要がないという私の主張をテストした方がよいと思いました。

小さな基本的なテストページ を作成しました。それは私が利用できる現在のブラウザで私が期待するのと同じように動作するようです。


こちらもご覧ください

5
RedGrittyBrick