Le contraste permet de distinguer les différences. Il peut s'agir d'un contraste de taille, de couleur, de graisse, de forme ou d'espacement. Un grand titre à côté d'un texte courant de petite taille crée du contraste. De même, un bouton rouge vif sur un formulaire gris produit le même effet. Sans contraste, une mise en page s'aplatit. Tout se confond et rien ne se démarque. À l'inverse, un contraste excessif rend la page surchargée et le regard ne trouve aucun point d'appui.

Le contraste n'est pas qu'esthétique ; il influe sur la lisibilité. Un texte peu contrasté est difficile à lire, notamment pour les personnes malvoyantes. Les recommandations d'accessibilité du contenu web (WCAG) exigent un rapport de contraste d'au moins 4,5:1 pour le texte courant. Les concepteurs vérifient ce rapport à l'aide d'outils calculant les différences de luminance. Un contraste élevé est utile en plein soleil et sur les écrans de faible résolution. Un faible contraste peut créer une ambiance, mais il doit être un choix délibéré.

Moyens de créer du contraste

• Taille : grand ou petit.
• Couleur : complémentaire ou chaude versus froide.
• Poids : épais versus léger.
• Espace : encombré versus isolé.

Le contraste est plus efficace lorsqu'il est intentionnel. Un contraste marqué par écran est souvent plus performant que cinq contrastes concurrents.