7-Annexe6RENO_Manuel_Rédaction_Contenu_01-01

More documents

Recommendations

Info

Rédaction de contenu pour Internet Date: 20 février 2009 Version : 01-01 que l’information véhiculée par la couleur soit être également disponible lorsque les couleurs sont désactivées, que les différences de contraste entre l’avant et l’arrière plan soient suffisamment élevées. Cela implique par exemple que ces différences soient perceptibles par une personne ayant une déficience au niveau des couleurs, ou encore qu’elles soient visibles sur un écran en noir et blanc. 5.15. ELEMENTS GRAPHIQUES Un élément graphique peut renvoyer aux différents visuels constituant le lay-out (logo, images, bandeau visuel), aux boutons d’action, aux icônes, aux schémas, aux images et photos présents sur le site etc. Il est généralement conseillé : de privilégier un texte mis en forme à un texte mis sous forme d’image, de privilégier la mise en place d’éléments graphiques qui apportent une réelle plus-value aux informations des pages dans lesquelles ils s’insèrent, de veiller à la lisibilité de ces éléments graphiques de manière à ce qu’ils véhiculent facilement l’information qu’ils sont censés proposer, d’associer, lorsque cela fait du sens, des légendes et des descriptions HTML aux éléments graphiques (p. ex. pour un organigramme, une carte géographique, etc.), de concevoir des éléments graphiques (en particulier pour les logos et les icônes) qui soient pour l’utilisateur d’une part explicites et signifiants, et d’autre part descriptifs et représentatifs de l’information vers laquelle ils renvoient. Ensuite, il est préférable que : chaque élément graphique propose une alternative textuelle, excepté ceux destinés à la décoration. Ces derniers doivent être commentés par une alternative texte nulle, pour chacun des éléments graphiques qui sont en même temps des liens, le texte contenu dans l’alternative de l’élément graphique doit donner la fonction du lien. 5.15.1. Les images 5.15.1.1. Les formats de compression En quoi les 3 images de la figure ci-dessous sont-elles différentes ? Par leur format. Celle de gauche est non compressée, celle du milieu au format GIF et celle de droite au format JPEG. Page 38 / 55
Rédaction de contenu pour Internet Date: 20 février 2009 Version : 01-01 Ces 3 formats d'images sont utilisés sur Internet et ils ont un point commun : ils sont compressés pour que les images se chargent plus rapidement. Image non compressée Compression GIF Compression JPEG Nous n'entrerons pas dans les détails techniques de la compression. Sachez toutefois qu'il existe 2 sortes de compression : Sans perte de données : lorsque le fichier est affiché, chaque pixel retrouve sa place exacte dans l'image. Avec perte de données : le fichier subit une dégradation d'autant plus importante que le taux de compression est élevé. Le choix du format d'image s’effectuera dans un meilleur compromis entre qualité du visuel et poids de l’image obtenue. 5.15.1.2. Le format GIF Ce format est compressé sans perte de données. Autres avantages, il est possible de créer des animations dans ce format et une de ses couleurs peut être définie comme couleur transparente (c’est fort pratique quand l'image s'intègre dans un fond). L'inconvénient, c'est que le format GIF n'enregistre que 256 couleurs. Du coup, les nuances d'une image sont rendues sous forme de bandes de densités différentes. Page 39 / 55
Page 1 and 2: Rédaction de contenu pour Internet
Page 37: Rédaction de contenu pour Internet
Page 55: Rédaction de contenu pour Internet

7-Annexe6RENO_Manuel_Rédaction_Contenu_01-01

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?