web-dev-qa-db-ja.com

高齢者(65歳以上)向けのWebサイトを開発するためのベストプラクティスは何ですか?

私は、米国で65歳以上のユーザー層を対象としたランディングページを作成しています。その対象ユーザーを対象としたWebページを作成するためのベストプラクティスは何ですか?特別なフォント、フォントサイズ、カラーパレット、または推奨される画像の使用はありますか?

3
Alex Stone

テキストの色とコントラスト

すべてのユーザーに表示されるように、背景色とのコントラストが十分にあるテキストの色を選択します。 WebAIM Color Contrast Checkerサイト でコントラストレベルを確認します。失読症の読者に文字を踊らせる可能性があるため、白い背景に対して純粋な黒(#000)を使用しないでください。背景との色のコントラストのために、レベルAAAを通過するフォントの色を選択します。画像のテキストや写真の背景の上に配置されたテキストのコントラストにも注意してください。

文字サイズ

開発者が特に指定しない限り、ブラウザのデフォルトのフォントサイズは16pxです。より多くのサイトがこの大きなサイズをデフォルトとして使用しています。 Smashing Magazineは数年前にそれを推奨しました。

行の高さ

読みやすくするために、テキストの各行の間に十分なスペースを確保してください。

Xの高さが高すぎるフォントを避け、すべて大文字にする

すべて大文字のテキストは読みづらくなります。読者は単語の形を認識し、すべて大文字の単語は形を失うため、すべて大文字のテキストを読むのに小文字よりも40%長い時間がかかると教えられました。例:明るいvs明るい、暗いvs暗い、笑顔vs笑顔。 xの高さが高すぎるフォントは、すべて大文字のように見える可能性があります であるため、Wordの形状を認識しにくくなります。

セリフvsサンセリフ

この記事では、セリフとサンセリフの書体の読みやすさに関する研究をリストしています。

クリック可能なアイテム

リンクをナビゲートしやすくします。これには、テキストリンクとボタンが含まれます。上記のテキストリンクには、多くの単語が含まれています。ターゲットが大きいほど、ナビゲートしてクリックしやすくなります。 フィッツの法則に関するこの記事を参照

2
PixelGraph

ここにいくつかの良い提案を見つけました: https://www.nia.nih.gov/health/publication/making-your-website-senior-friendly そしてここ: http:// www .nngroup.com/articles/usability-for-senior-citizens /

私も追加します:

  1. フォントサイズを変更できるようにします。それらを防止しないでください。
  2. ヘルプを見つけやすくする-ツールチップを使用し、FAQまたはヘルプページで可能なすべてのオプションをカバーします。
  3. コピーでは、古いユーザーに注意してください。現在のスラグや専門用語を使用しないでください。
  4. 高齢者があなたのサイトを使用するようにしたい場合は、使いやすくするためにできる限りのことをしてください。できるだけ簡単にフラストレーションを減らしてください。
1
Bob