« Les principes CRAP » : différence entre les versions
Aller à la navigation
Aller à la recherche
Aucun résumé des modifications |
|||
| Ligne 6 : | Ligne 6 : | ||
{| | {| | ||
|- style="vertical-align:top;" | |- style="vertical-align:top;" | ||
|Exemple de base | |'''Exemple de base''' | ||
| colspan="3" |Contre-exemples de mauvaise lisibilité en raison d'un contraste de tons | | colspan="3" |'''Contre-exemples de mauvaise lisibilité en raison d'un contraste de tons''' | ||
|- style="vertical-align:top;" | |- style="vertical-align:top;" | ||
| | | | ||
| Ligne 17 : | Ligne 17 : | ||
[[Fichier:Txtogsat.png|vignette|alt=saturation et luminosité trop similaire|centré|279x279px|Texte vert sur fond orange avec une saturation et une luminosité trop similaire]] | [[Fichier:Txtogsat.png|vignette|alt=saturation et luminosité trop similaire|centré|279x279px|Texte vert sur fond orange avec une saturation et une luminosité trop similaire]] | ||
|- style="vertical-align:top;" | |- style="vertical-align:top;" | ||
| colspan="4" |Exemples avec une lisibilité améliorée avec un ajustement du contraste de saturation et de luminosité | | colspan="4" |'''Exemples avec une lisibilité améliorée avec un ajustement du contraste de saturation et de luminosité''' | ||
|- style="vertical-align:top;" | |- style="vertical-align:top;" | ||
| | | | ||
Version du 22 juillet 2020 à 20:23
A éviter
Éviter d'avoir des éléments (blocs de texte ou images) qui sont presque similaires. Si ces éléments ne sont pas similaires dans leurs fonctions, donne-leur des caractéristiques visuelles suffisamment différentes.
Un bon contraste entre texte et fond est essentiel pour la lisibilité, pourtant pour la lisibilité de blocs de texte de plusieurs lignes, les contrastes de tons de couleurs avec une saturation ou luminosité similaire sont à éviter (voir contre exemples).
| Exemple de base | Contre-exemples de mauvaise lisibilité en raison d'un contraste de tons | ||
| Exemples avec une lisibilité améliorée avec un ajustement du contraste de saturation et de luminosité | |||
|
En ajustant le contraste entre la luminosité ou la saturation du fond et celle du texte on peut améliorer la lisibilité du texte. |
|||
