Projet:Charte graphique

(Redirigé depuis P:CG)
Fusée Charte graphique
Pourquoi ce projet ?

Ce projet part d'un simple constat : le cinquième site le plus consulté au monde sur Internet a du mal à évoluer avec lui. Beaucoup trouvent que la charte graphique employée sur l'encyclopédie est vieillissante et correspond plus aux standards en vigueur il y a dix ans qu'au design d'aujourd'hui. Si cela affecte peu en soi les utilisateurs plus ou moins avertis et coutumiers de l'encyclopédie, on peut estimer que ce retard graphique est susceptible de rebuter de nouveaux utilisateurs.

Il est dit en accueil de l'Atelier graphique qu'il a pour but d'« améliorer les illustrations de l'ensemble des Wikipédias afin de faire gagner cette encyclopédie en qualité, crédibilité et clarté pédagogique ». C'est donc là la vocation de cette page sur laquelle le travail de modernisation risque d'être important.

Charte

Il existe des consignes qui préconisent des grandes lignes communes aux projets de Wikimedia  :

Ancien projet

La liste des pages avant la rénovation de ce projet se trouve ici : Projet:Charte graphique/Crédits

Participants

Vous pouvez également utiliser la boîte utilisateur Utilisateur Projet/Charte graphique

Charte graphique de Wikipédia

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