Designing for Dyslexicsという素晴らしい記事があり、3つのパートに分かれています。パート3はタイポグラフィについてです。
- パート1(失読症、人口規模、影響/影響の定義)
- パート2(色のコントラストが低く、視覚障害のあるユーザー)
- パート3(タイポグラフィ、レイアウト、言語スタイル、情報アーキテクチャ、スクリーンリーダー)
これは抜粋ですが、「ハイライト」の一部をトリミングしましたが、記事全体が素晴らしく、読む価値があります。
ディスレクシアにやさしいページをデザインすることは、色のコントラストを減らすだけではありません。プラス面としては、これらの変更がすべてのユーザーのページの読みやすさにプラスの影響を与える可能性があります。
線幅
行の長さが短く、テキストの列が狭いほど、読みやすくなります。テキスト領域のパーセンテージ幅を設定し、CSSでマージンを「0 auto」に設定することを検討してください。すると、ページ幅が画面幅が広いほど比例して大きくなります。
行の高さ
ほとんどのブラウザのデフォルトの行の高さは約1emです。これは通常、テキストの行を密に詰め込みます。行の高さを約1.3emに増やすと、すぐにテキストの長い行が読みやすくなります。
フォントサイズ
テキストが小さいほど、読みにくくなります。フォントサイズを絶対単位で指定すると、ユーザーがブラウザ内でテキストのサイズを変更できなくなります。
フォントフェイス
可能であれば、sans-serifフォントを使用してください。セリフ文字の主なストロークの装飾的な「フック」は、失読症のユーザーに追加の問題を引き起こす可能性があります。単語内の認識可能な文字は、単語全体を「見る」には遠すぎるように見える場合があります。これは、読みやすくするために単語間の間隔が小さすぎることによっても悪化します。
コーポレートセリフフォントを使用する必要がある場合は、文字間隔をわずかに小さくして単語内の文字を近くに配置し、単語間隔を広げて個々の単語間にわずかに大きな間隔を設けることを検討してください。
正当化されるかどうか?
正当化されたテキストは、心地よい視覚効果を生み出します。ただし、個々の単語の間に可変の間隔を導入することにより、テキストの両側にその素敵な直線を実現します。
失読症の読者にとって、それは破滅的となる可能性があります。単語間の不均一なスペースは、無視するのが難しい視覚的な注意散漫を作成します。その結果、読者は繰り返し自分の場所を失います。一見するとあまり魅力的ではありませんが、不当なテキスト。はるかに読みやすいです。
イタリックは控えめに使用する
イタリックフォントがWebページで使用されている場合、個々の文字は、イタリック以外のフォントに比べてわずかにギザギザの線になることがあります。この「ピクセレーション」と「左寄り」が組み合わさると、失読症の人が読みにくくなります。テキストも小さい場合、効果はさらに大きくなります。
イタリックは控えめに使用し、重要な単語については太字のテキストを考慮してください。彼らははるかに読みやすくなります。
「その他」
英国失読症協会のスタイルガイドにもいくつかのガイドラインがあります。
失読症の人のための失読症書体
効果的な読み書きのために通常のフォントを読む