https://padlet.com/alexis_dampt/3njtypbrz02y Alexis Dampt en-us 2019-04-10 08:14:13 UTC 2025-12-18 20:24:04 UTC hello@padlet.com alexis_dampt https://padlet.com/alexis_dampt/3njtypbrz02y/wish/350255955

Non au Comic sans MS

Un titre court, clair, visible et accrocheur par page

Ne pas faire de fautes d'orthographe, irréprochable

Adapter son langage au public visé. Éviter le jargon.

Expliquer brièvement le but de la page dans les premières lignes. Commencer par une information clé.

Développer une seule idée par paragraphe

Justifier le texte

Ne pas utiliser trop de polices (2, 3 MAX)

Aérer le texte

Mettre en évidence les mots clés

Liens hypertexte vers des détails si l'utilisateur est intéressé

Fort contraste entre le texte et l'arrière plan

Illustrer ses propos (image = 1000 mots)

sous-titres descriptifs

5W? réponses aux questions du visiteur

Ne pas faire trop réfléchir le lecteur (navigation, négation, écriture passive)

éviter les abréviations

exploiter les balises proposées en HTML

utiliser les memes fontes pour les meme types d'informations (tous les titres pareil etc)

éviter textes incrustés dans l'image

préférer le gras à l'italique

éviter soulignement (masque le jambage + on croit que c'est des liens)

pas de MAJUSCULES

eviter ecrire sur plusieurs colonnes

pas plus de 2 à 3 paragraphes de 4 à 5 lignes (1 ligne = 12 mots ou 45 à 50 caractères)

polices avec empattement non recommandés car on les voit pas trop à petite taille (sérif

]]> 2019-04-10 08:19:30 UTC https://padlet.com/alexis_dampt/3njtypbrz02y/wish/350255955 alexis_dampt https://padlet.com/alexis_dampt/3njtypbrz02y/wish/350265516

Vérifier l'adaptation des images au texte

images utiles pour illustrer un propos 

s'il faut lire quelque chose sur l'image, il faut respecter les mêmes règles que pour le texte (taille, police, facilité de lecture)

Si c'est un schéma, il doit être aussi lisible sans effort

taille des images adaptée au web (max 1Mo par page)

ne pas abuser des images

ne pas remplacer un texte par une image avec seulement du texte dedans

Préférer télécharger les images sur son hébergeur plutôt que d'utiliser les images d'un autre site directement

utiliser des légendes pour ses images quand nécessaire

png schema etc/jpeg photos (compression)

texte alternatif

respecter le ratio des imagezs

pexel/pixabay

]]> 2019-04-10 09:02:58 UTC https://padlet.com/alexis_dampt/3njtypbrz02y/wish/350265516 alexis_dampt https://padlet.com/alexis_dampt/3njtypbrz02y/wish/350274329

Nombre limité de couleurs

couleurs doivent être contrastées

• en luminance
• en teinte
• en saturation

le goûts des couleurs est subjectif mais aussi symbolique

daltoniens?

2 couleurs bien 3 grand max

couleurs complémentaires s'accordent en général bien ensemble

teinte principale 60% autre 30% 10%

éviter les couleurs saturées 

même couleur pour même type d'information

éviter le bleu (liens), le rouge sur toute la page (ok pour info importante)

rouge + bleu, jaune + violet, jaune + vert s'affichent pas top avec nos écrans

]]> 2019-04-10 09:46:28 UTC https://padlet.com/alexis_dampt/3njtypbrz02y/wish/350274329