mardi 6 octobre 2009

Livre Bien rédiger pour le web - Points d'amélioration

Tout d'abord merci à Isabelle de son commentaire constructif. Je ne réponds que maintenant, avec du retard (je suis en phase finale de rédaction d'un livre...). Voilà quelques remarques concernant le code HTML/CSS :

Les noms des éléments HTML :

L'auteur parle systématiquement de balises au lieu d'éléments HTML. Rappelons qu'un élément HTML est composé d'une balise d'ouverture, d'un contenu et d'une balise de fermeture.
Le libellé des éléments HTML et des attributs est écrit avec des majuscules. C'est une syntaxe obsolète : privilégions uniquement des minuscules.

Confusion sur l'attribut alt, page 99.

Le texte qui apparaît au survol d'une image (ou d'un autre élément HTML) est l'attribut title et non l'attribut alt. L'attribut alt est une alternative textuelle à l'image. La valeur de l'attribut alt apparaît quand l'image n'est pas encore chargée, ou bien quand l'image n'est pas chargée. Ce texte peut aussi apparaître si l'internaute a demandé à ne pas afficher les images (pour gagner du temps au chargement). C'est bien la valeur de l'attribut title qui est affiché au survol de la souris. Cette confusion provient souvent d'une mauvaise interprétation de Microsoft Internet Explorer.

Accessibilité et typographie, page 111

La police de caractère Arial, comme le Tahoma ne sont pas des polices faites pour la lecture à l'écran. Ce sont des polices qui ont été créées pour l'impression. Il est préférable de recommander la police Verdaana qui a été créée par le typographe américain Matthew Carter, pour une bonne lisibilité à l'écran.
Pour mettre en gras,simple mise en forme visuelle, nous pouvons utiliser l'élément HTML ‹b›. Mais pour une synthèse vocale, il n'y a pas de différence. C'est pour cela qu'il faut utiliser l'emphase forte : ‹strong› qui permet une différence vocale du synthétiseur. Il en est de même avec l'italique ‹i› et l'emphase ‹em›.
Plus gênant, le paragraphe sur la taille des caractères. Si le concepteur utilise une taille de caractère fixe : en point (comme c'est indiqué dans le livre, page 112) ou en mm, cm... la personne handicapée ne pourra pas agrandir le texte proportionnellement. Il faut impérativement utiliser des unités relatives : le pourcentage (%) ou le cadratin (em). Sachez que par défaut les navigateurs utilisent valeur relative 1 em (ou 100%) = 16 points.
L'auteur revient sur ce sujet page 174 en indiquant bien l'utilisation préférable de la police Verdana. Page 175, l'auteur indique bien d'utiliser des tailles relatives.

Abréviations et Acronymes, page 139

Précisons que deux éléments HTML sont prévus pour gérer les abréviations et les acronymes : ‹abbr› et ‹acronym›.

Les ancres - Page 151

Attention, la valeur de l'attribut name de l'élément a, doit respecter des règles d'écriture. Il doit contenir des lettres, des chiffres, des tirets et des tirets bas (underscore). Mais pas d'espace, ni de caractères accentués, ni l'apostrophe, comme le montre l'exemple. Il eut été plus judicieux de mettre un exemple de type : ‹a name="titre"›‹/a›.

Mise en forme du texte, page 180, 181 et 184

L'élément HTML pour mettre en exposant est effectivement ‹sup›. J'ajoute que l'élément HTML pour mettre en indice est ‹sub›. Pour les chimistes cela est indispensable.
Pour les abréviations et les acronymes, je réitère mas remarques précédentes (pour la page 139).
Pour les petites capitales, l'auteur montre un exemple avec une syntaxe totalement obsolète aujourd'hui : l'utilisation de l'élément ‹span›. Utilisez les feuilles de styles.
Enfin, pour écrire en petites capitales, l'auteur indique une syntaxe CSS de type "en ligne". C’est-à-dire que le code CSS est inséré directement dans l'élément HTML. Pas pratique du tout car l'auteur ne peut pas réutiliser cette mise en forme. Il faut créer un sélecteur de classe pour créer la règle et l'appliquer rapidement autant de fois qu'il est nécessaire.

Voilà, rapidement, quelques remarques constructives. Si je vois d'autres éléments importants, je vous en ferai part.

2 commentaires:

  1. Bonjour Christophe,
    Merci de ces remarques, en effet, je vois que des coquilles se sont glissées dans le texte et ont échappé à l'oeil vigilant des lecteurs, des relecteurs et de moi-même :-(. Merci d'avoir pris le temps de souligner ces différents points. Tout à fait pertinents et perspicaces! J'en tiendrai compte bien évidemment et réitère tous mes remerciements:-)
    Isabelle.

    RépondreSupprimer
  2. Bonjour,

    "Il est préférable de recommander la police Verdaana"

    On tous bien compris que tu voulais parler de la police "Verdana"

    ;-)

    RépondreSupprimer