web-dev-qa-db-fra.com

Quelles sont les meilleures pratiques pour développer un site Web pour des publics plus âgés (65+)?

Je crée une page de destination destinée aux personnes de 65 ans et plus aux États-Unis. Quelles sont les meilleures pratiques pour créer des pages Web destinées à ce public? Existe-t-il des polices spéciales, des tailles de police, des palettes de couleurs ou l'utilisation d'images recommandées?

3
Alex Stone

Couleur et contraste du texte

Choisissez une couleur de texte suffisamment contrastée avec la couleur d'arrière-plan pour être visible par tous les utilisateurs. Vérifiez le niveau de contraste avec le site WebAIM Color Contrast Checker . Évitez le noir pur (# 000) sur un fond blanc car cela peut faire danser les lettres pour les lecteurs dyslexiques, mais le # 222 (qui est légèrement plus clair que le noir pur) passe le niveau AAA lorsqu'il est utilisé sur un fond blanc. Vous souhaitez choisir une couleur de police qui passe le niveau AAA pour le contraste des couleurs sur son arrière-plan. Soyez également conscient du contraste du texte dans les images et du texte placé au-dessus d'un arrière-plan photo.

Taille du texte

Les navigateurs utilisent par défaut une taille de police de 16 pixels, sauf indication contraire des développeurs. De plus en plus de sites utilisent cette taille plus grande par défaut. Smashing Magazine l'a recommandé il y a quelques années.

Hauteur de la ligne

Assurez-vous d'avoir suffisamment d'espace entre chaque ligne de texte pour augmenter la lisibilité.

Évitez les polices avec une hauteur X trop élevée et évitez toutes les majuscules

Le texte en majuscules est plus difficile à lire. On m'a appris qu'il faut 40% plus de temps pour lire un texte en majuscules qu'en minuscules, car les lecteurs reconnaissent les formes Word et les mots qui sont dans toutes les majuscules perdent leur forme. Par exemple: lumière vs LUMIÈRE, sombre vs DARK, sourire vs SOURIRE. Les polices avec une ne hauteur x trop grande peut ressembler à toutes les majuscules , ce qui rend les formes Word plus difficiles à reconnaître.

Serif vs Sans Serif

Cet article répertorie les études sur la lisibilité des polices serif vs sans serif.

Éléments cliquables

Rendez vos liens faciles à naviguer. Cela inclut les liens et les boutons de texte. Notez que les liens texte que j'ai inclus ci-dessus contiennent beaucoup de mots. Plus la cible est grande, plus il est facile de naviguer et de cliquer sur. Voir cet article sur la loi de Fitts .

2
PixelGraph

J'ai trouvé de bonnes suggestions ici: https://www.nia.nih.gov/health/publication/making-your-website-senior-friendly et ici: http: // www .nngroup.com/articles/utilisabilité-pour-seniors /

J'ajouterais également:

  1. Autorisez la modification des tailles de police. Ne les empêchez pas.
  2. Rendez l'aide facile à trouver - utilisez les info-bulles et couvrez toutes les options possibles dans vos FAQ ou pages d'aide).
  3. Soyez sensible aux utilisateurs plus âgés dans votre copie. N'utilisez pas de scories ou de jargon actuels.
  4. Si vous souhaitez que votre site soit utilisé par des personnes âgées, faites tout ce que vous pouvez pour le rendre facile à utiliser - simplifiez et réduisez autant que possible la frustration.
1
Bob