Projet:Charte graphique/Couleurs

Accessibilité

modifier
Les niveaux d'accessibilité WCAG 2.0
Niveau Objectif Faisabilité
A Atteindre un niveau d'accessibilité minimal. Critères de succès minimaux pouvant raisonnablement s'appliquer à toutes les ressources web.
AA Améliorer le niveau d'accessibilité Critères de succès supplémentaires pouvant raisonnablement s'appliquer à toutes les ressources web.
AAA Atteindre un niveau supérieur d'accessibilité. Critères de succès ne s'appliquant pas à toutes les ressources web.

Couleurs

modifier
  1. Nom de la couleur, selon Visual Style - Colors
  2. Niveau d’accessibilité - minimum AA
  3. Valeur

Nuances de gris

modifier
Base100
AAA
#fff
Base90
AAA
#f8f9fa
Base80
AAA
#eaecf0
Base70
AAA
#c8ccd1
Base50
AAA
#a2a9b1
Base30
AA
#72777d
Base20
AAA
#54595d
Base10
AAA
#202122
Base0
AAA
#000

Nuances de bleu

modifier
Accent90
AAA
#eaf3ff
Accent50
AA
#36c
Accent30
AAA
#2a4b8d

Nuances de rouge

modifier
Red90
AAA
#fee7e6
Red50
AA
#d33
Red30
AAA
#b32424

Nuances de vert

modifier
Green90
AAA
#d5fdf4
Green50
AA
#00af89
Green30
AA
#14866d

Nuances de jaune

modifier
Yellow90
AAA
#fef6e7
Yellow50
AAA
#fc3
Yellow30
AA
#ac6600

Autres couleurs actuellement utilisées sur Wikipédia

modifier
Orange50
AA
#f16633
Valeur Nom de la couleur Valeur Nom de la couleur
#77ccff Bleu information #f5faff Bleu information 2
#ff8822 Orange modéré #ffeedd Orange modéré 2
#aa0044 Rouge grave #ffcccc Rouge grave2

Palette additionnelle non officielle

modifier

Ces couleurs sont des propositions à l'heure actuelle et ne sont pas des couleurs officielles :

Valeur Nom de la couleur Utilisation recommandée Valeur Nom de la couleur Utilisation recommandée
#EAECF0 Gris clair Statut des contributeurs #A1DA7A Vert clair Message positif faible
#A9DBE7 Bleu clair Pages d'aide, information, etc. #447821 Vert foncé Message positif fort
#2A4B8D Bleu foncé Pages utilisateur #FF4E4E Rouge clair Message négatif faible