Travailler avec des images dans un message électronique tient toujours un peu du pari. Surtout si vous voulez mettre votre message complet en images. De nombreux clients de messagerie désactivent effet de manière standard l’option ‘prévisualiser les images’. Il existe pourtant un truc pour franchir ce palier.
Nous en avons reçu un excellent exemple de Moo.com dans notre boîte de réception. Les e-marketeers de ce web shop ont déjà été cité à plusieurs reprises dans ces colonnes pour leur inventivité. Et nous ne pouvons certainement pas vous priver de cette nouvelle illustration de leur talent. Ils voulaient annoncer leur période de soldes avec un graphisme fort. Mais ils avaient bien conscience qu’ils pouvaient tout gâcher avec une seule image. Une croix rouge à l’écran n’est en effet pas très parlante.
Colonnes
Ils ont donc choisi d’utiliser astucieusement l’alt-tag. Pas pour signaler brièvement une forme mais bien pour afficher tout le message à l’écran. Pour ce faire, ils ont découpé l’image en six avant de la coller dans un tableau comptant autant de colonnes. Les colonnes extérieures furent laissées telles quelles, à l’exception d’un fond. Les autres colonnes incluaient un tag alternatif pour l’image.
Alt-tag
Chaque tag ne faisait qu’une seule lettre. De la colonne 2 à 5, on pouvait lire le mot ‘sale’ dans l’ordre de lecture. Avant, la couleur de la police était indiquée sur fond blanc et la taille de la police réglée sur 230 pixels. Suffisant pour faire passer un message en un clin d’œil, même avec les images désactivées. On voit ainsi qu’en cas de besoin, le bon vieux HTML peut se révéler un ami précieux!