Les bonnes pratiques du web by Edouard Bergé https://padlet.com/edouard_berge_reims/a2lcx7i6vdys MM01 en-us 2019-11-14 16:21:16 UTC 2019-11-21 15:37:13 UTC hello@padlet.com Police edouard_berge_reims https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/411300165 - Utiliser une police reposante pour les yeux pour les textes longs.
- Ne pas utiliser une police trop graphique pour un texte dépassant les quelques mots.
- Pas trop gros/trop petit..
- Suffisamment grande pour lire facilement sans rendre la page illisible.
- Maintenir un contraste élevé sans le rendre trop élevé pour ne pas gêner l’œil.
- Adapter le look de la police au contenu (police arrondie pour contenu positif, à contrario une police stricte et droite pour un contenu négatif).
- Pas plus de 3 polices différentes sur une page.
- Avoir une unité dans les polices (polices de même famille).
- ]]> 2019-11-14 16:21:54 UTC https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/411300165 Texte edouard_berge_reims https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/411305213 - Implanter le texte dans une zone avec fond un fond facile pour la lecture (pas d'image, fonc foncé et police claire).
- Espacer correctement les paragraphes pour dégager une organisation évitant l'effet paquet décourageant.
- Pas trop de texte.
- Pas de texte souligné car confondu avec les liens.
- Faire des phrases courtes.
- Ajouter des marges et padding pour ajourer le contenu.
- Aérer le texte (rappel règle précédente).
- Ne pas écrire en vertical (sauf cas très spécifiques).
- Utiliser un jargon adapter à son publique.
- Éviter l'utilisation de l'italique qui ralentit la lecture.

]]> 2019-11-14 16:27:58 UTC https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/411305213 Couleur edouard_berge_reims https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/414701110 - Couleur principal 60%, secondaire 30% et tertiaire 10%
- Pas de couleurs trop fluo
- Trouver des couleurs adaptées au thème du site
- ]]> 2019-11-21 15:14:31 UTC https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/414701110 Image edouard_berge_reims https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/414702653 - Image uniquement si utiles, vérifier la cohérence avec le texte
- S'assurer d'avoir l'autorisation d'utiliser les images
- Gérer correctement l'opacité avec les images en fond
- Utiliser des formats adaptés au web (png; jpg; gif, svg), utiliser une résolution d'image en accord avec la taille d'utilisation
-  Faire attention aux sources, libre de droit
- Détacher, faire un petit padding de l'image
- Éviter de mettre trop d'animation
- Ne pas écrire directement sur l'image]]> 2019-11-21 15:16:08 UTC https://padlet.com/edouard_berge_reims/a2lcx7i6vdys/wish/414702653