Méthodologie Unifiée d'Evaluation de l'Accessibilité du Web (UWEM 1.0)


vous êtes ici : 5. Liste des tests de conformité WCAG 1.0 > Recommandation 3

Tests UWEM 1.0 pour la recommandation 3 des WCAG 1.0

"Use markup and style sheets and do so properly."

Point de contrôle 3.1

When an appropriate markup language exists, use markup rather than images to convey information. [Priority 2]

(Voir http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-use-markup et les techniques à http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-use-markup)

Tests basés sur (X)HTML

Test 3.1_HTML_01

Le but de ce test est de vérifier qu'il n'y a aucune image contenant du texte qui pourrait être remplacée par du texte stylé.

  • Critères d'application : toutes les images.
    //img 
    //input[@type='image']
    //object
  • Procédure de test :
    1. Vérifier si l'image contient du texte.
    2. Si #1 est vrai, vérifier que l'image peut être remplacée par du texte stylé sans perdre les informations véhiculées par l'image.
  • Résultats attendus : non validé si #2 est vrai.
  • Entièrement automatisable : non.
Test 3.1_HTML_02

Le but de ce test est de vérifier qu'il n'y a pas d'images d'équations mathématiques qui pourraient être remplacées par du texte stylé.

  • Critères d'application : toutes les images.
    //img
    //input[@type='image']
    //object
  • Procédure de test :
    1. Vérifier si l'image contient une équation mathématique.
    2. Si oui, vérifier si l'image peut être remplacée par du texte stylé.
  • Résultats attendus : non validé si #2 est vrai.
  • Entièrement automatisable : non.
Test 3.1_HTML_03

Le but de ce test est de vérifier qu'il n'y a pas d'images de type bitmap qui ne contiennent pas de texte ou d'équations mathématiques et peuvent être remplacées par du code.

  • Critères d'application : toutes les images de type bitmap qui ne contiennent pas de texte ou d'équations mathématiques.
    //img 
    //input[@type='image']
    //object
  • Procédure de test :
    • vérifier qu'il n'existe aucun langage de balises approprié capable de restituer les informations contenues dans l'image.
  • Résultats attendus : validé si vrai.
  • Entièrement automatisable : non.

revenir en haut de la page

Point de contrôle 3.2

Create documents that validate to published formal grammars. [Priority 2]

(Voir http://www.w3.org/TR/wcag10/#tech-identify-grammar et les techniques à http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-identify-grammar)

Tests basés sur (X)HTML

Test 3.2_HTML_01

Le but de ce test est de vérifier que le document contient une DTD valide.

Note : Le groupe assurance qualité du W3C édite un document intitulé "Recommended DTDs to use in your Web document" (traduction : les DTDs qu'il est recommandé d'utiliser dans vos documents Web).

Test 3.2_HTML_02

Le but de ce test est de rechercher les violations des schémas formels pour le HTML 4.x ou le XML 1.0.

  • Critères d'application : tout document HTML 4.x ou XHTML 1.0.
  • Procédure de test :
    • a) Pour le HTML vérifier que le document est valide selon le type de document spécifié à l'aide d'un outil de validation SGML.
    • b) Pour le XHTML, vérifier que le document est bien constitué et qu'il est valide selon le type de document spécifié à l'aide d'un outil de validation XML.
  • Résultats attendus : non validé si faux.
  • Entièrement automatisable : oui.

Tests basés sur CSS

Test 3.2_CSS_01

Le but de ce test est de vérifier les violations des grammaires formelles pour CSS 1.0 ou CSS 2.x.

revenir en haut de la page

Point de contrôle 3.3

Use style sheets to control layout and presentation. [Priority 2]

(Voir http://www.w3.org/TR/wcag10/#tech-style-sheets et les techniques à http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-style-sheets)

Tests basés sur (X)HTML

Test 3.3_HTML_01

Le but de ce test est de rechercher les espaces utilisés pour contrôler l'espacement entre les caractères des mots.

Note : il n'y a pas de définition indépendante d'une langue de l'expression "mot", c'est pourquoi les évaluateurs doivent vérifier si l'expression "mot" est applicable à la langue du contenu qu'ils évaluent, et si c'est le cas, ils doivent s'assurer qu'ils comprennent ce que l'expression "mot" veut dire dans la langue du contenu qu'ils évaluent.

  • Critères d'application : tout "mot" contenant un espace.
    text()
  • Procédure de test :
    • vérifier que l'espace n'est pas utilisé pour mettre en valeur.
  • Résultats attendus : validé si vrai. Non validé si faux.
  • Entièrement automatisable : non.
Test 3.3_HTML_02

Le but de ce test est de déterminer si la mise en forme ou la présentation d'un ou de plusieurs éléments a été effectuée par l'intermédiaire d'autres moyens que les CSS.

  • Critères d'application : éléments et attributs pouvant être utilisés pour positionner ou influencer la présentation.
    //img
    //font
    //td (dans un tableau de données)
    //th (dans un tableau de données)
    //center
    //u
    //b
    //i
    //blink
    //strong (à moins qu'il soit utilisé au niveau sémantique)
    //em (à moins qu'il soit utilisé au niveau sémantique)
    //*/@align
    //*/@border
    //*/@hspace
    //*/@vspace
    //*/@bgcolor
  • Procédure de test :
    • vérifier que le positionnement et/ou la présentation obtenues n'ont pas pu être effectuées à l'aide des feuilles de style.
  • Résultats attendus : non validé si faux.
  • Entièrement automatisable : non.

revenir en haut de la page

Point de contrôle 3.4

Use relative rather than absolute units in markup language attribute values and style sheet property values. [Priority 2]

(Voir http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units et les techniques à http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-relative-units).

Tests basés sur (X)HTML

Test 3.4_HTML_01

Le but de ce test est de vérifier les valeurs relatives des attributs (X)HTML de type %Length;.

  • Critères d'application : les attributs spécifiant la hauteur, la largeur, les marges de cellules, l'espacement entre les cellules, le dimensionnement des caractères en nombre de pixels ou en pourcentage.
    //table/@cellpadding
    //table/@cellspacing
    //col/@charoff
    //colgroup/@charoff
    //tbody/@charoff
    //td/@charoff
    //tfoot/@charoff
    //th/@charoff
    //thead/@charoff
    //tr/@charoff
    //iframe/@height
    //td/@height
    //th/@height
    //img/@height
    //object/@height
    //applet/@height
    //hr/@width
    //iframe/@width
    //img/@width
    //object/@width
    //table/@width
    //td/@width
    //th/@width
    //applet/@width
  • Procédure de test :
    • vérifier que la valeur de l'attribut est une valeur en pourcentage (entier positif + '%') ou que la valeur absolue ne fait pas d'interférence avec la lisibilité d'autres éléments du texte.
  • Résultats attendus : validé si vrai. Non validé si faux.
  • Entièrement automatisable : oui.
Test 3.4_HTML_02

Le but de ce test est de vérifier les valeurs relatives des attributs X(HTML) de type multi-length [16] ("%MultiLength;" dans la DTD HTML 4.01).

Test 3.4_HTML_03

Le but de ce test est de vérifier les valeurs relatives d'attributs X(HTML) de type multi-length-list [17] ou ("%MultiLengths;" dans la DTD HTML 4.01: une liste de MultiLength séparée par des virgules).

Tests basés sur CSS

Test 3.4_CSS_01

Le but de ce test est de vérifier les unités en valeur relative des propriétés des feuilles de style pouvant contenir des valeurs <length>.

revenir en haut de la page

Point de contrôle 3.5

Use header elements to convey document structure and use them according to specification. [Priority 2]

(Voir http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-logical-headings et les techniques à http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-logical-headings)

Tests basés sur (X)HTML

Test 3.5_HTML_01

Le but de ce test est de rechercher des effets de style qui, dans leur concept, représentent des titres mais qui ne sont pas codés par des éléments hX.

  • Critères d'application : le corps d'une page Web.
    //body//*
  • Procédure de test :
    1. Sélectionner des effets de style qui, dans leur concept, représentent des titres.
    2. Vérifier si les titres sont codés à l'aide des éléments hX.
      Conseil : sont sujets à un codage insuffisant par exemple les combinaisons pour les changements de font-weight/font-style (les éléments HTML b et i ; les propriétés CSS font-weight, font-style), et les agrandissements des tailles de polices (les éléments HTML big, font ; la propriété CSS font-size). Cette liste n'est pas exhaustive.
  • Résultats attendus : validé si vrai.
  • Entièrement automatisable : non.
Test 3.5_HTML_02

Le but de ce test est de vérifier qu'il n'y a pas d'élément de titre dans la page ayant un niveau plus élevé que le premier titre.

Test 3.5_HTML_03

Le but de ce test est de vérifier qu'aucun niveau n'a été omis dans la hiérarchie des titres.

Test 3.5_HTML_04

Ce test permet de vérifier si des éléments de titre ont été utilisés (de façon incorrecte) pour le formatage de polices.

  • Critères d'application : tous les éléments de titre (h1, ..., h6)
    //h1
    //h2
    //h3
    //h4
    //h5
    //h6
  • Procédure de test :
    • vérifier que les titres n'ont pas été utilisés pour créer des effets de formatage de polices.
  • Résultats attendus : validé si vrai. Non validé si faux.
  • Entièrement automatisable : non.
Test 3.5_HTML_05

Le but de ce test est de vérifier la bonne hiérarchie des niveaux de titres.

  • Critères d'application : tout le document.
    //body
  • Procédure de test :
    • vérifier que les éléments de titres restituent la structure logique du document.
  • Résultats attendus : validé si vrai.
  • Entièrement automatisable : non.

revenir en haut de la page

Point de contrôle 3.6

Mark up lists and list items properly. [Priority 2]

(Voir http://www.w3.org/TR/WCAG10/#tech-list-structure et les techniques à http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-list-structure)
Coder les structures en listes et les éléments de listes (UL, OL, DL, LI) de façon appropriée. Les éléments de liste HTML DL, UL, et OL (disponibles en HTML 3.2 et HTML 4.0) ne doivent être uniquement utilisés que pour créer des listes et non pour des effets de formatage tels que l'indentation. Si possible utiliser des listes ordonnées (numérotées) pour faciliter la navigation.

Tests basés sur (X)HTML

Test 3.6_HTML_01

Les auteurs peuvent désactiver le style de listes par défaut dans une liste ordonnée et non ordonnée et créer manuellement une numérotation à plusieurs niveaux (par exemple 1, 1.1, 1.2, 1.2.1). Le but de ce test est de vérifier qu'une numérotation de liste ajoutée manuellement fournit aux utilisateurs la profondeur de la liste.

  • Critères d'application : toutes les listes ordonnées et non ordonnées imbriquées ayant une numérotation à plusieurs niveaux insérée manuellement.
    //li/ol
    //li/ul
  • Procédure de test :
    • vérifier que la numérotation ne saute pas de niveaux ou des nombres.
  • Résultats attendus : validé si vrai.
  • Entièrement automatisable : non.
Test 3.6_HTML_02

Ce test a pour but de vérifier si des éléments de listes (li) sont appropriés au contexte du document, c'est-à-dire pour créer des listes et non pour le formatage comme l'indentation.

  • Critères d'application : tous les éléments de listes y compris les définitions dans les listes de définitions.
    //ul/li
    //ol/li
    //dl/dd
  • Procédure de test :
    • vérifier que chaque élément li ou dd est utilisé pour coder des éléments de listes et non à des fins de formatage.
  • Résultats attendus : validé si vrai. Non validé si faux.
  • Entièrement automatisable : non.
Test 3.6_HTML_03

Le but de ce test est de rechercher les paragraphes, les retours à la ligne et les chiffres utilisés pour simuler des listes numérotées et qui peuvent être remplacés par l'élément ol.

  • Critères d'application : tous les paragraphes commençant par un énumérateur (nombre ou caractère indiquant un ordre ou une séquence).
    //p
    //p//br
  • Procédure de test :
    1. Vérifier que le document ne contient pas de séquences de paragraphes commençant par des énumérateurs afin de simuler des listes numérotées.
    2. Vérifier que le document ne contient pas de paragraphes avec des retours à la ligne suivis d'énumérateurs afin de simuler des listes numérotées.
  • Résultats attendus : validé si #1 et #2 sont vrais.
  • Entièrement automatisable : oui.
Test 3.6_HTML_04

Ce test a pour objectif de rechercher les paragraphes, les retours à la ligne et certains caractères tels que les astérisques et les tirets utilisés pour simuler des listes non ordonnées et qui peuvent être remplacés par l'élément ul.

  • Critères d'application : tous les paragraphes commençant par des caractères pouvant être utilisés pour simuler des éléments de listes.
    //p 
    //p//br
  • Procédure de test :
    1. Vérifier que le document ne contient pas de séquences de paragraphes commençant par des caractères tels que astérisque ou tiret pour simuler des listes non ordonnées.
    2. Vérifier que le document ne contient pas de paragraphes avec des retours à la ligne suivis par des caractères tels que astérisque ou tiret pour simuler des listes non ordonnées.
  • Résultats attendus : validé si #1 et #2 sont vrais. Non validé si #1 ou #2 sont faux.
  • Entièrement automatisable : oui.
Test 3.6_HTML_05

Le but de ce test est de rechercher les paragraphes, les retours à la ligne et les images affichant des nombres utilisés pour simuler des listes ordonnées et pouvant être remplacés par l'élément ol et les CSS.

  • Critères d'application : tous les paragraphes commençant par des images affichant un nombre ou d'autres types d'énumérateurs.
    //p//img
    //p//br/following-sibling::img
  • Procédure de test :
    1. Vérifier que le document ne contient pas de séquences de paragraphes commençant par des images affichant des nombres ou autres types d'énumérateurs pour simuler des listes ordonnées.
    2. Vérifier que le document ne contient pas de paragraphes avec des retours à la ligne suivis par des images de chiffres consécutifs ou d'autres types d'énumérateurs pour simuler des listes ordonnées.
  • Résultats attendus : validé si #1 et #2 sont vrais. Non validé si #1 ou #2 sont faux.
  • Entièrement automatisable : non.
Test 3.6_HTML_06

Le but de ce test est de rechercher des paragraphes, des retours à la ligne et des images (en particulier les images de puces) utilisés pour simuler des listes non ordonnées et qui peuvent être remplacés par l'élément ul et des CSS.

  • Critères d'application : tous les paragraphes commençant par des images de puces.
    /p//img
    //p//br/following-sibling::img
  • Procédure de test :
    1. Vérifier que le document ne contient pas de séquences de paragraphes commençant par des images de puces pour simuler des listes non ordonnées.
    2. Vérifier que le document ne contient pas de paragraphes avec des retours à la ligne suivis par des images de puces pour simuler des listes non ordonnées.
  • Résultats attendus : validé si #1 et #2 sont vrais. Non validé si #1 ou #2 sont faux.
  • Entièrement automatisable : non.
Test 3.6_HTML_07

Le but de ce test est de rechercher les paragraphes, les retours à la ligne et les effets de formatage utilisés pour simuler des listes de définition et pouvant être remplacés par les éléments dt et dd.

  • Critères d'application : tous les paragraphes commençant par un terme suivi d'une définition.
    //p
    //p//br
  • Procédure de test :
    • vérifier que le document ne contient pas de paragraphes devant être remplacés par une liste de définition.
  • Résultats attendus : validé si vrai. Non validé si faux.
  • Entièrement automatisable : non.

Tests basés sur CSS

Test 3.6_CSS_01

Le but de ce test est de vérifier qu'un style de liste de secours est présent si les images sont utilisées en tant que puces de listes.

  • Critères d'application : toutes les propriétés list-style.
    *{list-style:...;},
    *{list-style-image:url(...);},
    *{list-style-type:...;}
  • Procédure de test :
    • vérifier qu'un style de puce de secours (comme par exemple 'disc') est spécifié dans le cas où l'image d'une puce ne peut pas être chargée.
  • Résultats attendus : validé si vrai.
  • Entièrement automatisable : oui.

revenir en haut de la page

Point de contrôle 3.7

Mark up quotations. Do not use quotation markup for formatting effects such as indentation. [Priority 2]

(Voir http://www.w3.org/TR/WCAG10/#tech-quotes et les techniques à http://www.w3.org/TR/WAI-WEBCONTENT-TECHS/#tech-quotes

Tests basés sur (X)HTML

Test 3.7_HTML_01

L'objectif de ce test est de vérifier que les éléments de citation sont utilisés de manière appropriée pour coder des citations et non pour des effets de formatage et d'indentation.

  • Critères d'application : tous les éléments blockquote.
    //blockquote
  • Procédure de test :
    • vérifier que blockquote est utilisé pour coder une citation.
  • Résultats attendus : validé si vrai. Non validé si faux.
  • Entièrement automatisable : non.
Test 3.7_HTML_02

Ce test a pour objectif de vérifier que les citations courtes (élément q) sont utilisées de manière appropriée pour des citation et non pour des raisons de mise en forme.

  • Critères d'application : tous les éléments q.
    //q
  • Procédure de test :
    • vérifier que l'élément q est utilisé pour coder une citation.
  • Résultats attendus : validé si vrai. Non validé si faux.
  • Entièrement automatisable : non.
Test 3.7_HTML_03

Le but de ce test est de rechercher les citations qui n'ont pas été codées avec q ou blockquote.

  • Critères d'application : tout le texte.
    //p
  • Procédure de test :
    1. Y a-t-il des citations dans les paragraphes sélectionnés ? C'est-à-dire des passages contenant des marques de citation dans le code ou qui ont des marques de citations générées par CSS ?
    2. Si oui, vérifier que les citations sont codées à l'aide de q ou blockquote.
  • Résultats attendus : validé si #2 est vrai. Non validé si #2 est faux.
  • Entièrement automatisable : non.
Test 3.7_HTML_04

Le but de ce test est de rechercher tout élément cite et address utilisés pour mettre du texte en italique.

  • Critères d'application : tous les éléments cite et address.
    //cite
    //address
  • Procédure de test :
    1. Sélectionner tous les éléments cite et address.
    2. Déterminer s'ils sont utilisés pour mettre du texte en italique au lieu de respectivement coder une citation ou donner des informations sur l'auteur du document.
  • Résultats attendus : non validé si #2 est vrai.
  • Entièrement automatisable : non.

revenir en haut de la page

Avertissement: Cette traduction en français de UWEM 1.0 a été réalisée par l'association BrailleNet en juillet 2006. L'association BrailleNet ne peut pas être tenue responsable des erreurs ou des imprécisions de traduction ainsi que leurs conséquences éventuelles. La version officielle de UWEM 1.0 (anglais) est consultable en ligne sur le site du WAB Cluster.

Page précédente : recommandation 2 Page suivante : recommandation 4

Méthodologie Unifiée d'Evaluation de l'Accessibilité du Web [UWEM] (version 1.0, 5 juillet 2006)
Version officielle de UWEM 1.0 (anglais) | Traduction en français de l'association BrailleNet (juillet 2006)
Plan du site | Aide | Contact