Baliser correctement des listes et des éléments associés |
Point de contrôle 3,6 de priorité 2 WAI / WCAG 1.0
Description du problème La page contient au moins deux images identiques qui ne sont pas des espaces et qui peuvent être utilisées comme puces dans une liste d'éléments sous forme de tableau.
Procédure de vérification Vérifiez que les images sont utilisées comme puce sur cette page dans les listes d'objets détaillées. Si tel est le cas, remplacez le tableau et les images par la balise qui convient. Utilisez une liste comme wrapper et un élément de liste (LI ou DD et DT) pour baliser chaque élément de ces listes. Utilisez des listes non ordonnées (UL), ordonnées (OL) (c'est-à-dire numérotées) ou des listes de définitions (DL). Les listes peuvent être imbriquées de plusieurs manières, par exemple, en utilisant une liste UL dans une liste LI d'une liste OL. Il est également possible de modifier le symbole utilisé comme puce en se servant de la propriété CSS appropriée (list-style). Pour plus d'informations, voir HTML Techniques for Web Content Accessibility Guidelines 1.0 [http://www.w3.org/TR/WCAG10-HTML-TECHS/#lists]
Explication du problème Chaque fois que des indications visuelles sont utilisées (par exemple, une mise en retrait) pour indiquer le niveau d'imbrication des éléments du texte, les personnes ne pouvant utiliser ou profiter du rendu des images à deux dimensions ne seront pas en mesure de voir ces indications. C'est le cas notamment des malvoyants et des aveugles, ainsi que toute personne utilisant un navigateur non graphique, par exemple un navigateur vocal pour téléphone portable ou assistant personnel. Par conséquent, il est important d'utiliser la balise de structure appropriée permise par le langage HTML pour coder ces indications ayant un rôle fondamental. La personne utilisant un lecteur d'écran ou un navigateur vocal peut parcourir les niveaux des listes imbriquées si ceux-ci sont correctement codés. Ils peuvent ainsi passer directement à un élément donné. Si plusieurs niveaux de listes ordonnées (numérotées) sont utilisés, vérifiez que les en-têtes numérotés affichés contiennent des informations contextuelles. Par exemple, les éléments de la liste de second niveau doivent être numérotés 1.1, 1.2 ... ou 1.a, 1.b, etc. Puisque les personnes peuvent naviguer librement, les informations contextuelles permettent à l'utilisateur écoutant un élément, la plupart du temps sans contexte, de mieux identifier l'élément de la liste qu'il écoute actuellement. Par exemple, si les mêmes éléments sont numérotés : 1, 2, 3, etc., la personne qui écoute ne pourrait pas distinguer les éléments faisant partie d'une liste secondaire.