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.
|