Discussion Wikipédia:Prise de décision/Espace avant les titres de chapitres - ergonomie - charte graphique

message: Je pense que les articles de wikipedia qui sont un peu développés ne sont pas très lisibles. Les chapitre sont tassés les un contre les autres, et les différences visuelles entre chapitres et sous-chapitres sont peu évidentes. Quand il n'y a que des chapitres (pas de sous-chapitre), passe encore (mais le coté "tassé" existe toujours). Par contre, quand il y a des chapitres et des sous-chapitres, cela devient vite pénible : de temps en temps, il faut revenir au menu en haut, pour savoir ou on en est. Exemple : histoire du sionisme. Il faudrait donc une différenciation visuelle plus importante des chapitres et des sous-chapitres. Pour ne pas chambouler la charte graphique, je propose de mettre seulement un espace devant les titres de chapitre, équivalent à 3 lignes vides (éventuellement deux, mais tant qu'à faire, autant aérer un peu). Christophe Cagé -  liste de mes articles 31 août 2006 à 17:02 (CEST)
thread_title: Proposition

message: :Je partage pleinement ce point de vue pour m'être fait la remarque à plusieurs reprises. J'avais déjà pris l'initiative, indépendemment de cette discussion, de procéder comme christophe le suggère dans cet article : guerre israélo-arabe de 1948 où j'ai rajouté des lignes pour aérer, mis des majuscules dans les titres notamment... De plus, personnellement, j'affiche désormais par défaut les numéros de paragraphes tels qu'on le retrouve dans le sommaire de l'article... Ceedjee contact 31 août 2006 à 18:01 (CEST)
replies: text: Pour information, mettre du texte en majuscule pose des problèmes d'accessibilité, en particulier pour les personnes utilisant des synthèses vocales : ces dernières épèlent systématiquement les mots qu'elles rencontrent en majuscules, croyant rencontrer des abrévations. GillesC -Жиль- 31 août 2006 à 18:16 (CEST)
replies: text: Même lorsque les majuscules sont obtenues à partir d'un texte source non capitalisé, avec la propriété CSS text-transform ? --a3_nm 20 septembre 2006 à 16:48 (CEST)

text: Pour insérer deux lignes blanches (en gros) au-dessus de chaque titre de chapitre, il y a plus simple : il faut juste changer les feuilles CSS (il en a 6 ou 7) qui gèrent la mise en page de TOUS les articles, en mettant quelque chose du genre h2 {margin-top:20px}. Il y en a pour 3 mn pour un admin.Christophe Cagé -  liste de mes articles 31 août 2006 à 21:44 (CEST)

text: Je rappelle l'existence de Wikipédia:Monobook qui permet à chaque utilisateur enregistré de personnaliser l'affichage des articles. bayo 1 septembre 2006 à 02:50 (CEST)
replies: text: On peut effectivement y programmer des préférences en javascript, ou les coder en CSS. Mais ce n'est accessible qu'à des experts. La proposition porte sur une amélioration de la lisibilité pour tous.Christophe Cagé -  liste de mes articles 1 septembre 2006 à 05:45 (CEST)
replies: text: cela s'applique principalement au niveau des personne qui ne font que consulté wp, donc ceux n'ont pas de compte, tous se qu'ils veulent c'est avoir des information, et plus c'est lisible plus c'est facile pour eux. en tant que IP ils ne peuvent pas travaillé leur monobook, ils sont prit avec celui par défaut. de plus, comme l'a dit Christophe Cagé juste avant, je crois qu'une grande partie des utilisateur de modifie par leur monobook parce qu'il faut quand même si connaître un peux, surtout pour le css ou on n'a pas de script "préfabriqué"... --djo0012 1 septembre 2006 à 06:48 (CEST)
thread_title: Premières réactions 

message: On est au 2/3 du débat, et on approche du vote. Comme il faut voter sur quelque chose de concret, je propose donc de commencer à voir les propositions qui seront soumises au vote dans 10 jours. Pour mieux différencier les titre de chapitre (==titre==), des titres de sous-chapitre (===sous-titre===), je propose de demander aux Wikipédia:Développeur de modifier la feuille de style par défaut dans deux domaines :
:C'est difficile de juger sans exemple. Ne pourrais-tu copier/coller des bouts d'articles pour qu'on visualise ce que cela signifie concrètement ? Ceedjee contact 21 septembre 2006 à 10:46 (CEST)
thread_title: Propositions concrètes

message: La feuille de style wikipédia actuelle donne cela (concernant les marges hautes et basses des titres) : 
* h1, h2, h3, h4, h5, h6 {margin: 0; padding-top: .5em;	padding-bottom: .17em;}
Il n'y a pas de différence entre l'espace au-dessus d'un titre de chapitre h2 (==titre==) et d'un sous titre h3 (===sous-titre===). Différence peut visible, donc. En fait, les em étant une proportion de la taille de la police, le fait que celle des h2 soit légèrement + grande que celle des h3 fait que l'espace au-dessus de h2 est très légèrement + important que celui au-dessus de h3. Mais c'est sub-milimétrique .
Il faudrait rajouter dans la feuille de style un h2 {margin-top:2em}, ce qui créerait un espace vide avant de 2 caractères (donc environs 2 lignes). Voila ce que cela donnerait, en gardant les polices actuelles (j'ai supprimé les soulignements): 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 actuel
Sous-titre h3 actuel
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Sous-titre h3 actuel
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 actuel
[...]
Situation actuelle : On voit que h2 et h3 se différencient peu.
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 proposition avec 2em
Sous-titre h3 inchangé
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Sous-titre h3 inchangé
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 proposition avec 2em
[...]
Avec un saut de ligne avant h2 de 2em, la différence est nette.
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 proposition avec 1em
Sous-titre h3 inchangé
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Sous-titre h3 inchangé
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 proposition avec 1em
[...]
J'ai mis 1em seulement. La différence reste assez nette, mais moins.
Je propose donc de présenter au vote la solution avec 2em. Ok ? Christophe Cagé -  liste de mes articles 20 septembre 2006 à 09:26 (CEST)
thread_title: Insérer un espace plus important au-dessus des titres de chapitre (<nowiki>==titre==</nowiki>)

message: Voila ce que contien la feuille de style (sans discuter des soulignements de titre) : 
* h2 { font-size: 150%; } (==titre==), soit : Exemple1 h2
* h3 { font-size: 132%; font-weight: bold } (===sous-titre===) soit : Exemple1 h3
* Le texte normal est lui en 100%. 
Traduction : h2 fait 50% de plus qu'un texte normal, mais n'est pas en gras ; h3 fait 32% de plus qu'un texte normal, et est en plus en gras (ce qui le grossit un peu).
On note une différence un peu faible entre chapitre (h2, ou ==titre==) et sous-titres (h3 ou ===sous-titre===). Le faible écart entre 32% (encore grossit par le gras) et 50% (sans gras) l'explique. On peut donc envisager de passer h2 à 160%. Ce qui donnerait : 
* h2 { font-size: 160%; } (==titre==), soit : Exemple2 h2 (au lieu de Exemple1 h2)
* h3 { font-size: 132%; font-weight: bold } (===sous-titre===) soit : Exemple1 h3
On peut aller un peu plus loin : 
* h2 { font-size: 170%; } (==titre==), soit : Exemple3 h2 (au lieu de Exemple1 h2)
* h3 { font-size: 132%; font-weight: bold } (===sous-titre===) soit : Exemple
Encore plus loins en mettant h2 en gras :
* h2 { font-size: 170%; font-weight: bold } (==titre==), soit : Exemple4 h2 (au lieu de Exemple1 h2)
avec super-gras
* h2 { font-size: 170%; font-weight: bolder } (==titre==), soit : Exemple5 h2 (au lieu de Exemple1 h2)
A mon avis, trois possibilité (pour faire simple) :
# on garde h2 { font-size: 150%; } comme aujourd"hui, mais l'écart avec h3 reste faible, donc la discrimination visuelle entre parties et sous parties reste mauvaise.
# h2 { font-size: 170%; } (==titre==), soit : Exemple3 h2 (au lieu de Exemple1 h2). La comparaison avec Exemple1 h3 devient bonne.
# h2 { font-size: 170%;font-weight: bold } (==titre==), soit : Exemple4 h2 (au lieu de Exemple1 h2). Je trouve que ça fait trop. Le titre de la page étant en 188%, il ne faut pas non plus aller trop loin.
Ma préférée, c'est la solution 2. C'est elle qu'on pourrait proposer au vote (pour la partie du vote sur la police). Ok ? Christophe Cagé -  liste de mes articles 20 septembre 2006 à 08:22 (CEST)
thread_title: Grossir la police des titres de chapitre (<nowiki>==titre==</nowiki>)

message: Si on reprend la proposition de passer l'espace avant un titre de chapitre h2 (==titre==) de 0 à 2em et de passer sa police de 150% à 170% (et sans toucher aux sous-titre h3 ===titre===), voila ce que cela donnerait (je n'indique pas les soulignements, qui ne bougent pas):
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 proposition avec 2em et police 170%
Sous-titre h3 inchangé
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Sous-titre h3 inchangé
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
Titre h2 proposition avec 2em et police 170%
[...]
Plus lisible que les exemple plus hauts (en particulier le 1er encadré, qui donne la situation actuelle sans soulignement), je trouve. Plus aéré, aussi. Ceci dit, comme il y aura 2 votes (1 sur la police de h2, et 1 sur l'espace au dessus de h2), on pourrait avoir que la police adoptée, ou que l'espace. Christophe Cagé -  liste de mes articles 20 septembre 2006 à 09:36 (CEST)
thread_title: Mixte modif taille des chapitres et des espaces au-dessus