Archive pour le mot-clef ‘images’

Lâchez-moé avec le tout-tableless et le remplacement des <img /> à tout prix !

Samedi 2 octobre 2010

Je sais pas si c’est l’automne qui fait ça, mais on dirait que si je poste un article de chiâlage, d’autres viennent souvent juste après. Et justement ce soir, j’ai le goût de chiâler (ou comme le dise les Français, « râler ») suite à une rechute que je viens d’avoir à la suite d’une discussion anodine qui a tourné au débat, et j’ai donc besoin de me libérer l’esprit.

Encore une fois, il s’agit d’une difficulté à exprimer mes convictions.

Cela avait débuté pendant une discussion sur IRC où mon interlocuteur regardait mes sites et webdesigns que j’ai faits, jusqu’à ce qu’il tombe sur mon webdesign 3dblue que j’avais recyclé à partir d’une commande dont le projet n’a jamais vu le jour. Tout allait bien jusqu’à ce qu’il remarque le tableau faisant office de démo de structure de forum. C’est là que le débat est parti, où j’essayais de lui faire comprendre qu’un simple tableau est plus logique et plus ergonomique à naviguer qu’une imbrication de listes et de divs « à la phpBB3/PunBB ». Puis lorsque j’ai mentionné que c’est comme vouloir remplacer les <img /> à tout prix même pour les images porteuses de contenu, là aussi, j’ai frappé un noeud. Je lui avais alors dit de tester en désactivant toutes les images sur un forum prosilver, mais réponse non-concluante ! J’ai aussi essayé de lui faire comprendre qu’un <ìmg /> avec un alt="" correctement renseigné est plus accessible qu’une image définie en fond, mais niet non plus ! Et tout ça, malgré les liens Alsacréations que je lui envoyais !

Non mais lâchez-moé 2 minutes avec le tableless et l’imgless zélé ! Ce n’est pas parce que phpBB3 fait du tableless et remplace tous ses <img /> que ça doit devenir une référence absolue, bâtard ! D’ailleurs, si vous regardez le tableau des WCAG ou la liste d’AccessiWeb, vous verriez que les tableaux ne sont pas aussi anti-accessibles qu’on veut le faire croire, et d’ailleurs, un site en tableaux peut être accessible si les techniques appropriées sont appliquées.

Mais alors pourquoi éviter les tableaux de mise en page dans ce cas ?

Les raisons pourquoi on ne les recommande pas, et je suis d’accord avec ça, c’est qu’un site codé en tableau a un poids plus élevé qu’un site codé en DIV, en plus d’être plus rigide au niveau du stylage et de la maintenance.

Et les images alors ?

Là aussi, il y a des mythes qui circulent à ce sujet. J’ai déjà vu du monde dire que des images insérées avec <img /> ne se mettaient pas en cache, alors que c’est faux ! De plus, contrairement aux croyances, une page bourrée d’images de fond est aussi lourde qu’une page bourrée de balises <img /> et d’ailleurs, je m’en aperçois tout de suite qu’une page est lourde quand elle a une hyper grosse image d’arrière-plan, car Firefox se met à ramer et à réagir « à retardement » quand une image, même de fond, est trop lourde ! Autre mythe, c’est qu’une image en background est aussi accessible qu’un <img /> Or, quelle que soit la technique utilisée (positionnement absolue, clipping, display:none;, font-size à 0, text-indent de -9999, …), il y a toujours le risque que le visiteur change ses préférences du navigateur (taille du texte minimal, etc.) et donc, que les textes qu’on essaie de cacher finissent quand même par apparaître au grand jour, et qu’au moins une catégorie de visiteur perde quand même l’information (images bloquées au boulot, navigateur texte, dépassement de quota).

Et encore pour rappel, les WCAG et AccessiWeb, là aussi, demandent de renseigner d’un texte alternatif toutes les images de la page, et que ce texte soit explicite pour les images porteuses d’informations comme les boutons d’un menu ou le logo. l’utilisation des background en CSS doit être réservée aux images non-significatives qui sont justement celles qui sont les plus nuisibles à l’accessibilité !

Conclusion

Je finis donc avec une citation qui m’est chère : Tout mouvement a ses excès, et les mouvements en termes de création Web n’échappent pas à cette règle. Et pour continuer dans les citations, je vous en cite un qui était placardé dans un local où j’avais eu mes cours d’anglais de secondaire 5 : What is popular is not always right, and what is right is not always popular..

Je finis en vous laissant des liens vers les sites sur l’accessibilité, pour votre culture :