Le texte sous forme d’image dans les Pages Web

November 5th, 2008 icanlocalize Posté dans Uncategorized | Pas de Commentaires »

Que signifie ‘texte sous forme d’image’?

Une page web peut contenir de nombreux éléments différents, tels que des textes, des graphiques, Flash et d’autres objets incorporés. Il est possible de créer des éléments qui apparaissent de manière identique en utilisant des techniques différentes.

Exemple, le bouton ‘Download’ suivant:

Version texte	Version graphique
DOWNLOAD

Bien que ces deux boutons se ressemblent beaucoup, ils sont en réalité assez différents. L’un est constitué du texte ‘Download’, formaté de façon à apparaître comme un bouton en 3D. L’autre est une image, à l’intérieur de laquelle est dessiné le mot ‘Download’.

Les images qui contiennent du texte rendent le travail de la traduction du site web difficile. Le traducteur ne peut pas reproduire les images ‘traduites’. A la place, il fournira une traduction du texte dans les images, qui pourra être utilisée par l’artiste graphiste qui a conçu l’image originale pour créer des images à l’aide des textes traduits.

Les images qui contiennent du texte rendent également les sites web opaques aux moteurs de recherche. Les moteurs de recherche n’arrivent pas à déchiffrer le texte qui apparaît dans les images et ils ne se fient pas entièrement aux autres textes que nous fournissons. Ils s’arrangent donc pour ne pas livrer de texte dans les images dans les résultats de recherche.

Malheureusement, il est caractéristique de trouver du texte dans les images des éléments les plus critiques du site, comme dans le slogan, la navigation et les appels à l’action. Cela s’explique par le fait que le concepteur graphique qui a construit le site web a accordé une importance particulière à l’apparence et a décidé de rendre les parties les plus importantes du site aussi esthétiques que possible. Il en résulte que leur utilisabilité est des plus mauvaises, tant pour les visiteurs humains que pour les moteurs de recherche.

Les concepteurs graphiques affectionnent les images avec textes

Il ne fait aucun doute que la plupart des concepteurs graphiques comprennent les problèmes liés au placement des textes dans les images. Alors qu’est-ce qui les motive à placer du texte dans les images des nouveaux designs?

La conception de site web démarre généralement par une image. Un concepteur graphique crée un dessin de la page telle qu’elle devrait apparaître. Il utilise d’excellents programmes tels que PhotoShop afin de délivrer des prototypes puis crée le design final.

Une fois le design terminé, le concepteur graphique doit décomposer l’image unique en petits éléments et les coder en HTML. Il tente de convertir en HTML et en CSS, utilise des tableaux et des DIVs pour créer la structure de la page. Généralement, l’artiste graphiste préfère conserver les éléments clés dans leur forme graphique originale, afin qu’ils aient exactement l’aspect voulu – sur chaque navigateur web et sur chaque PC.

Vous noterez donc que pour les concepteurs graphiques, placer du texte dans des images revient en fait à convertir des graphiques en texte et non du texte en image. Ils commencent avec une page entière par une image et la convertissent graduellement en texte.

Quelles sont les solutions?

Le client n’a pas toujours raison, mais il n’en demeure pas moins le client. Lorsque vous passez commande d’un travail de conception de site web, peut-être ne connaissez vous pas le meilleur moyen d’effectuer telle ou telle tâche, mais vous pouvez demander à faire exécuter des points particuliers d’une certaine manière. Peu importe si le concepteur peut réaliser un plus joli design ou même si vous êtes en tout point d’accord avec lui – l’important est de savoir exactement ce qu’il faut demander.

• N’inclure aucun texte dans les images. Seule exception : votre logo et le nom de votre entreprise/produit.
• Produire du HTML valide (qui du moins valide correctement à l’aide du validateur w3 ).
• Eviter les graphiques lourds (la taille totale idéale d’une page web ne devrait pas dépasser 60Kbytes, images et Javascript inclus).

Il existe d’autres points importants, mais ces trois-ci sont essentiels et non négociables.