Catégorie: "HTML & CSS"

De plus en plus fort!

Dernière fonction qui fonctionne à nouveau comme par miracle: les favicon.ico (ces petites icones devant les favoris) s'affichent à nouveau quand je bookmarque un site!
On ne le dira donc jamais assez: si vous avez un problème avec IE, n'importe lequel, voire même si vous avez un problème avec votre windows, votre ordinateur, votre maison, votre voiture, votre banquier ou votre crémière... commencez donc par effacer vos fichiers internet temporaires! Ca peut faire des miracles!

"Afficher la source" dans Internet Explorer

Tout d'abord on dit "afficher le source" car on parle bien du code source!
Mais la véritable irritation ne vient pas de là (car mon IE en anglais et dit donc "View Source" comme il se doit). La véritable irritation c'est qu'un beau jour cette fonction s'arrête de fonctionner, sans que l'on sache pourquoi. On clique et il ne se passe rien... pas de message d'erreur, RIEN! Et sur le support en ligne MSDN c'est quasiment la même chose RIEN! (en fait, ils vous rabâchent qu'il faut que Notepad (le bloc-notes) soit installé pour que ça marche... mais qui désinstalle Notepad?)
Et aujourd'hui, oh bonheur, je tombe sur la solution presque par hasard: j'avais trop de "fichiers internet temporaires"! J'ai fait le ménage et réduit la taille qui leur est allouée sur le disque dur et plop, voilà, tout à coup, instantanément, je peux à nouveau afficher LE code source!

Accessibilité: pourquoi? pour quoi?

Dans Plongez dans l'accessibilité - 30 jours pour rendre un site web plus accessible, Mark Pilgrim (traduction Karl Dubost) explique un certain nombre de règles simples permettant de rendre un site web (en l'occurrence un weblog) plus accessible ainsi que les bénéfices que vont pouvoir en tirer certaines personnes souffrant de handicaps physiques, mentaux ou technologiques...
Toutefois, je pense que l'accessibilité bénéficie à une population beaucoup plus large que les personnes handicapées. Tout le monde en bénéficie! En effet, en appliquant les techniques d'accessibilité votre site bénéficie automatiquement des avantages suivants:

  • Il sera mieux indexé et mieux référencé dans les moteurs de recherche
  • Il pourra être projeté dans une sale de réunion sans être illisible car écrit trop petit
  • Il pourra être consulté sur un téléviseur (webTV)
  • Il pourra être consulté sur un PDA ou un téléphone mobile
  • Il pourra être imprimé correctement
  • Il sera plus agréable à lire pour les utilisateurs assidus qui voudront probablement régler la taille des caractères en focntion de leur niveau de fatigue visuelle ou de la résolution de leur écran
  • Et j'en oublie...
PS: Evidemment, ça prend un peu de temps... d'ailleurs, moi même j'ai encore pas mal de choses à améliorer de ce point de vue...

Sans oublier l'imprimabilité ;)

Dans la suite logique de l'accessibilité, il est tout aussi important de veiller à la bonne impression de vos pages... pour tous ceux qui ne sont toujours pas prêts de s'habituer à lire sur écran et ils sont nombreux, comme le rappelle judicieusement pompage.net ce mois ci, explications à l'appui.

Deux petites astuces tout de même pour ceux qui peinent à lire sur écran:

  1. apprenez à régler la fréquence de rafraichissement de votre écran à plus de 60 Hz! Cette valeur par défaut est scandaleusement basse par rapport aux possibilités du matériel actuel. En passant, ne serait-ce qu'à 75 Hz, la diminution du scientillement aura un effet non négligeable sur votre fatigue visuelle.
  2. essayez l'écran plat! De préférence avec une connexion DVI (numérique) plutôt que VGA (analogique) afin de garantir une netteté optimale. là encore, le gain de confort va de pair avec la diminution de fatigue visuelle.

Accessibilité, Enfin!

Le sujet est dans l'air, on en parle sur StandBlog, chez Russell Beattie, plusieurs autres blogs et même le Journal du Net. C'est plutôt une bonne chose que l'on commence à s'en préoccuper un peu dans notre pays, même si nous n'avons pas de lois pour nous y obliger comme aux US... L'intérêt de rendre un site web plus accessible va d'ailleurs bien au delà du fait qu'il devienne plus accessible aux handicapés! En effet, combien de sites, designés par une agence quelconque, vous affichent des pavés de texte écrits en 6 points (ou encore 8 pixels de hauteur), vous forçant à vous rapprocher de votre écran pour pouvoir lire ce qui est écrit? Mais voyez vous... il parait que c'est plus design... Moi ça me rappelle plutôt les conditions générales de ventes imprimées de manière illisible au verso des bons de commande! Messieurs les créatifs, vous n'avez rien compris! Les lecteurs ne peuvent pas passer leurs journées à lire des tous petits caractères... (et pour les conditions de vente, figurez vous que c'est fait exprès! ;)


Il est important également de constater le fait que vous pouvez effectivement lire des petits caractères... mais que celà devient de plus en plus pénible au fur et à mesure que la journée avance et que la fatigue s'accumule... C'est également plus gênant lorsque le texte à lire est long: on ne peut pas lire un white paper en tout petit même si on peut le faire sans problème pour une brêve.


S'ajoutent à celà, les critères purement techniques de résolution d'écran utilisée par le lecteur. Un écran d'ordinateur affiche probablement entre 60 et 120 points par pouce selon la résolution et la taille de l'écran. Par exemple, des caractères de 12 points seront bien plus gros sur un écran 19 pouces configuré en 800*600 que sur un écran de portable de 15 pouces configuré en 1600*1200!


En fait, la bonne taille de caractères dépend donc intimement de la situation de chacun et il semble dès lors extrêmement prétentieux de vouloir déterminer à l'avance la taille dans laquelle l'utilisateur voudra lire un texte.


Les browsers web permettent depuis assez longtemps de changer la taille des caractères... ce qui fût bien agréable pendant une certaine époque... avant que n'apparaissent les feuilles de styles! Celles-ci ont en effet tendance à figer la taille des caractères quelle que soit la taille réglée dans le menu du navigateur. C'est surtout le cas de Internet Explorer (même en version 6) alors que Netscape 7 par exemple, s'affranchit finalement assez bien du problème.


Pourtant, il existe une solution relativement universelle: n'indiquer dans les CSS que des tailles de caractères sous forme de pourcentages! Ils pourront dès lors être redimensionnés à loisir par l'utilisateur.


A ce propos, connaissez vous les raccourcis clavier bien pratiques? Sous Netscape, faites Ctrl + pour augmenter la taille et Ctrl - pour la diminuer. Sous Internet Explorer, maintenez la touche Ctrl pendant que vous tournez la molette de la souris!

Essayez sur cette page, vous verrez!