Bonjour.

De nombreux sites internet présentent un problème avec des thèmes de bureau/skin contrastés ( thème a fond sombre et couleur de texte claire, exemple de thème : http://art.gnome.org/themes/gtk2/1065 )

Quel est le problème?

Certaines zones de texte où un style n'est pas appliqué ou défini de façon icomplète s'affichent de facon illisible. (Au lieu d'avoir par exemple un texte noir sur fond blanc, on a un texte gris très clair sur fond blanc). Ou bien au lieu d'avoir un background blanc il est noir, etc.

Quelle est la source du problème?

Par défaut , sur un thème "classique", l'écriture est couleur noire sur fond blanc ; eh bien ce n'est pas le cas avec certains thèmes... Il faut donc pour le moindre élement du site bien préciser :
- la couleur de la police
- la couleur du fond

Beaucoup de sites, non testés avec des thèmes graphiques contrastés, ne sont pas bien codés et s'affichent mal avec de tels thèmes (d'où l'utilité de tester sites & logiciels avec un thème graphique contrasté, ce que je fais systématiquement maintenant).

exemple fnac.com qui au lieu d'avoir certains élements à fond blanc sont noirs.
gmail.com où l'ecriture de certaines pages est gris clair sur fond blanc au lieu de noir sur fond blanc donc illisible, etc...

Donc pour ceux qui n'auraient pas testé leur site, c'est vite fait d'installer un tel thème et de faire un essai, on détecte très vite les problèmes en naviguant simplement sur son site...

Un test de plus à rajouter lors du débogage d'un site...
Bien sur que si, tout à fait, et c'est ce qu'il faut faire systematiquement.
Sauf que comme sur un theme par défaut, ca apparait noir/fond blanc, donc beaucoup oublient de le faire du fait que par défaut ca s'affiche bien.. chez eux...
Exemple de screenshot :

Fnac.com : certains backgrounds ont oublié d'etre précisé "blanc" :
(edit par Igor: merci d'éviter d'afficher des illustrations gigantesques qui déforment le forum sur les tailles d'écran habituelles. Cocher le bouton "vignette" si vous transférez vos images sur le forum)

Gmail.com : corps des emails illisible : gris clair sur fond blanc, car la couleur de la police n'a pas été précisée dans le style.
(edit par Igor: merci d'éviter d'afficher des illustrations gigantesques qui déforment le forum sur les tailles d'écran habituelles. Cocher le bouton "vignette" si vous transférez vos images sur le forum)

Et... alsacreations Smiley lol
Pas la page principale du site qui est parfaite, mais les forums avec texte gris clair sur fond blanc...
(edit par Igor: merci d'éviter d'afficher des illustrations gigantesques qui déforment le forum sur les tailles d'écran habituelles. Cocher le bouton "vignette" si vous transférez vos images sur le forum)

Smiley ravi
Modifié par Igor (31 Jul 2007 - 10:28)