私は、米国で65歳以上のユーザー層を対象としたランディングページを作成しています。その対象ユーザーを対象としたWebページを作成するためのベストプラクティスは何ですか?特別なフォント、フォントサイズ、カラーパレット、または推奨される画像の使用はありますか?
すべてのユーザーに表示されるように、背景色とのコントラストが十分にあるテキストの色を選択します。 WebAIM Color Contrast Checkerサイト でコントラストレベルを確認します。失読症の読者に文字を踊らせる可能性があるため、白い背景に対して純粋な黒(#000)を使用しないでください。背景との色のコントラストのために、レベルAAAを通過するフォントの色を選択します。画像のテキストや写真の背景の上に配置されたテキストのコントラストにも注意してください。
開発者が特に指定しない限り、ブラウザのデフォルトのフォントサイズは16pxです。より多くのサイトがこの大きなサイズをデフォルトとして使用しています。 Smashing Magazineは数年前にそれを推奨しました。
読みやすくするために、テキストの各行の間に十分なスペースを確保してください。
すべて大文字のテキストは読みづらくなります。読者は単語の形を認識し、すべて大文字の単語は形を失うため、すべて大文字のテキストを読むのに小文字よりも40%長い時間がかかると教えられました。例:明るいvs明るい、暗いvs暗い、笑顔vs笑顔。 xの高さが高すぎるフォントは、すべて大文字のように見える可能性があります であるため、Wordの形状を認識しにくくなります。
この記事では、セリフとサンセリフの書体の読みやすさに関する研究をリストしています。
リンクをナビゲートしやすくします。これには、テキストリンクとボタンが含まれます。上記のテキストリンクには、多くの単語が含まれています。ターゲットが大きいほど、ナビゲートしてクリックしやすくなります。 フィッツの法則に関するこの記事を参照 。
ここにいくつかの良い提案を見つけました: https://www.nia.nih.gov/health/publication/making-your-website-senior-friendly そしてここ: http:// www .nngroup.com/articles/usability-for-senior-citizens /
私も追加します: