Tout à l’heure je suis tombé sur un article, via mon lecteur de flux RSS, qui m’a fait bondir. En voilà une copie d’écran :
N’essayez pas de régler votre écran, il s’agit bien de texte blanc affiché sur le fond gris clair utilisé par mon lecteur de flux.
Je suis allé jeter un œil au code source de la page HTML en question et voilà ce que j’y ai trouvé :
<span style="color: #ffffff;">
<span style="font-family: verdana,geneva; font-size: xx-small;">
<em>
Ancienne usine Méccano, 78-80 rue Rébeval Paris 19…
</em>
</span>
<span style="font-size: medium; font-family: verdana,geneva;">
<br></br>
<br></br>
A partir de la fin du 18e siècle et jusqu'aux anné…
</span>
</span>
Voilà un bon exemple de ce qu’il ne faut pas faire et pourquoi injecter de la couleur sur le texte est une mauvaise idée dès lors que vous ne maitrisez pas tous les contextes d’affichage de vos contenus, et nombreux sont ceux qui réclament depuis longtemps cette possibilité dans les éditeurs utilisés par Dotclear — fonction qui sera probablement disponible avec les futurs éditeurs qui sont en cours d’intégration.
Alors certes votre texte blanc sur le fond noir de votre page web est très joli — quoique plus difficile à lire pour mes yeux, mais là c’est très personnel —, mais pensez aussi à ceux qui n’en récupèrent que la substantifique moelle sans tenir compte de la décoration
globale de votre site.
Il existe pourtant des techniques qui permettent d’obtenir le même résultat (en utilisant des classes CSS par exemple) et qui n’empêchent pas la lecture lorsque la ou les CSS ne sont pas appliquées et utilisées. Seulement c’est souvent légèrement plus compliqué.
Vous pouvez aussi ne rien faire, et laisser votre texte en blanc sur fond noir et priver une partie de votre lectorat du plaisir de lire votre prose.
Chacun fera son choix…
1 De achat steroide -
fonction qui sera probablement disponible avec les futurs éditeurs qui sont en cours d’intégration. ?
2 De mirovinben -
Adepte des CSS, je ne peux que plussoire ton propos.
Sinon, la lecture de ce billet en dehors de mon agrégateur transforme mon écran 1920x1200 en écran pour... miro ;-). Tout est très (très) gros. Bien plus que la dernière fois que je suis passé par ici (ce matin). ???
3 De Franck -
C'est étrange mirovinben, je n'ai pourtant rien modifié côté thème ou CSS.
4 De mirovinben -
C'est étrange en effet car c'est reviendu à la normal.
J'ai le sentiment très fort que le bug était entre ma chaise et mon clavier. Genre une combinaison de touches (à l'insu de mon plein gré) due vraisemblablement à des doigts trop gros et des touches trop petites... Un Ctrl-0 a remis les choses d'équerre. !!??
Pardon pour le bruit.
5 De Jean-Michel -
Tu prêches un convaincu… :-)
6 De Cunégonde -
Moi, je veux des vraies couleurs qui pêtent, du rouge, du vert, du bleu, du orange....
7 De lipki -
Tu coup dans le notre d'éditeur, il serait malin de mettre des classes qui fond référence a des styles, plutôt que des styles en ligne.
8 De Jean-Michel -
lipki > C'est ce qui est prévu.
9 De Nicolas -
Et je vous le donne Emile, c'est Jean-Michel qui s'y colle ! :-)
10 De Bernard -
Faut pas oublier qu'un texte blanc sur fond blanc, par ex, peut être lu par les personnes assistées par des lecteurs qui permettent de vocaliser ou de les convertir en braille..
Ceci, indépendamment de la couleur des lunettes qu'elles portent éventuellement sur le bout du nez...
Faudra peut-être simplement indiquer que rien ne sert de mettre du jus de citron sur l'écran ?