Utiliser des balises plutôt que des images  
Point de contrôle 3,1 de priorité 2 WAI / WCAG 1.0
 
 
Description du problème

La page contient des images dont les informations peuvent ne pas être correctement balisées en langage HTML.
Par exemple, vous pouvez utiliser MathML pour baliser des équations mathématiques et des feuilles de style pour mettre en forme le texte et contrôler la mise en page.
Il est déconseillé d'utiliser des images pour représenter du texte. Utilisez à la place du texte et des feuilles de style.

 
 
Procédure de vérification

Si l'image contient :

  • du texte rendu dans une police fantaisie, servez-vous des propriétés CSS destinées aux polices pour obtenir le même effet ;
  • une formule mathématique, utilisez MathML pour l'encoder ; voir W3C page on MathML [http://www.w3.org/Math/] .
 
 
Explication du problème

Selon le W3C (http://www.w3.org/TR/WCAG10-CORE-TECHS/#structure [http://www.w3.org/TR/WCAG10-CORE-TECHS/#structure] ) :

Lors de la conception d'un document ou d'une série de documents, les développeurs de contenu doivent d'efforcer à identifier la structure souhaitée pour leurs documents avant de se pencher sur comment les documents doivent être perçus par l'utilisateur. Distinguer la structure d'un document de la manière dont son contenu est présenté offre de nombreux avantages, notamment une meilleure accessibilité, maniabilité et une meilleure portabilité.

Savoir identifier la structure de la présentation peut parfois être un véritable challenge. Par exemple, de nombreux développeurs de contenu considèrent qu'une ligne horizontale équivaut à une division structurelle. Cela peut être le cas chez les personnes sans troubles de la vision, mais pas chez celles ne percevant pas correctement les couleurs ou celles sans navigateur graphique. Pour ces personnes-là, la ligne horizontale risque de n'avoir aucun sens. Par exemple, dans un document HTML, les développeurs doivent utiliser les éléments d'en-tête HTML 4.01 (H1-H6) pour identifier les nouvelles sections. Ils peuvent être complétés par des aides visuelles ou tout autre élément, notamment des règles horizontales, mais ils ne doivent pas les remplacer

et vice versa. Les développeurs de contenu ne doivent pas utiliser les éléments structurels pour parvenir à réaliser des effets de présentation. Par exemple, en langage HTML, même si l'élément BLOCKQUOTE peut augmenter ou réduire le retrait du texte dans certains navigateurs, celui-ci est conçu pour identifier une citation et non pas pour créer un effet secondaire de présentation. Les éléments BLOCKQUOTE utilisés pour la mise en retrait peuvent gêner aussi bien les utilisateurs que les moteurs de recherche, qui s'attendent à ce que l'élément soit utilisé pour baliser les blocs de citation.

Pour déterminer si le contenu est de type structure ou présentation, créez une structure du document. Chaque point de la hiérarchie indique un changement structurel. Utilisez une balise de structure pour baliser ces changements et une balise de présentation pour améliorer leur qualité visuelle et audio. Sachez que les règles horizontales ne figurent pas dans cette structure et sont de ce fait de type présentation et non pas de type structure. Remarque : l'objet de ce test rapide est la structure des chapitres, des sections et des paragraphes. Pour déterminer la structure à l'intérieur d'une expression, recherchez les abréviations, les modifications en langage naturel, les définitions et les éléments de liste.

Dans un autre document (Web Content Accessibility Guidelines 1.0 [http://www.w3.org/TR/WCAG10/] ), on peut lire :

Instruction 3. Utilisez correctement les balises et les feuilles de style.
Balisez les documents constitués des éléments de structure appropriés. Contrôlez les présentations via des feuilles de style et non pas à l'aide d'éléments.

L'utilisation incorrecte des balises (c'est-à-dire sans tenir compte des spécifications) entravent l'accessibilité. L'utilisation incorrecte d'une balise avec un effet de présentation (par exemple, en utilisant un tableau pour une mise en page ou un en-tête pour modifier la taille de la police) empêche l'utilisateur équipé d'un logiciel spécialisé de bien comprendre l'organisation de la page et d'y naviguer correctement. En outre, l'utilisation d'une balise de présentation au lieu d'une balise de structure pour créer la structure (par exemple, en concevant l'aspect d'un tableau de données à l'aide d'un élément HTML " PRE ") entrave la lisibilité de la page sur tout autre périphérique [...].

Les développeurs de contenu peuvent être tentés d'utiliser (bien ou mal) des constructions afin d'obtenir un effet de mise en page donné sur des navigateurs plus anciens. Cela peut entraîner des problèmes d'accessibilité. Si tel est le cas, demandez-vous si l'effet de mise en page est indispensable et si vous êtes prêt à prendre le risque que certains utilisateurs ne parviennent pas à accéder au document.

A l'opposé, les développeurs de contenu ne doivent pas sacrifier la balise adaptée même si un navigateur ou une technologie d'aide ne parvient pas à la traiter correctement. Par exemple, il est correct d'utiliser l'élément TABLE dans un document HTML pour baliser les informations tabulaires même si certains lecteurs d'écran anciens peuvent ne pas gérer correctement le texte côte à côte (voir le point de contrôle 10.3). L'utilisation correcte de l'élément TABLE et la création de tableaux facilement modifiables (voir instruction 5) permet au logiciel de rendre des tableaux autrement que sous forme de grille à deux dimensions.