Projet:Charte graphique

De Wikipedia, l'encyclopédie libre

Fusée Charte graphique
OOjs_UI_icon_help-ltr-invert.svg 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.

OOjs_UI_icon_advanced-invert.svg Charte

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

OOjs_UI_icon_chem-invert.svg Ancien projet

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

OOjs_UI_icon_userAvatar-invert.svg Participants

Vous pouvez également utiliser la boîte utilisateur Ic%C3%B4ne_Userbox.svg Utilisateur Projet/Charte graphique

OOjs_UI_icon_articleCheck-ltr.svg Charte graphique de Wikipédia

Couleurs

Accessibilité

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.

Palette officielle de la Charte graphique Wikimedia

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

Nuances de gris

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

Nuances de bleu

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

Nuances de rouge

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

Nuances de vert

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

Nuances de jaune

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

Autres couleurs actuellement utilisées sur Wikipédia

Logos de maintenance

Orange50
AA
#f16633

Bandeaux de maintenance

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)

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

Pictogrammes des infobox

Les pictogrammes des infobox utilisent actuellement une intégration directe sous forme antique de tableaux à l'intérieur d'une page wiki du Projet Infobox.