retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Cadres > Fiche 2.8

Fiche 2.8 : L'attribut LONGDESC est-il pertinent ?

Carte d'identité

  • Critère AccessiWeb : 2.8
  • Niveau AccessiWeb : argent
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 12.2

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

Il n'y a pas d'éléments d'information pour cette rubrique.

revenir en haut de la page

Comment évaluer

Par le code source

  1. Afficher le code source de la page définissant les cadres.
  2. Pour chaque élément FRAME, relever le nom du fichier vers lequel renvoie la valeur de l'attribut longdesc.
  3. Ouvrir ce fichier.
  4. Vérifier la pertinence de la description longue associée à chaque élément FRAME.

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la barre AccessiWeb (version 1.0) :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "2. Cadres" de la Barre AccessiWeb, activer le critère 2.8.
  3. Les informations sur tous les cadres de la page s'affichent dans une nouvelle fenêtre: pour chaque cadre présent sur la page, sont indiqués le contenu de l'attribut name, celui de l'attribut longdesc, celui de l'attribut title et le fichier source correspondant.
  4. Pour chaque élément FRAME qui a un attribut longdesc, cliquer sur son contenu et vérifier la pertinence de la description longue associée.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Cliquer sur le menu "Source", puis sur l'option "Voir le code source [Nouvelle fenêtre]" pour afficher le code source de la page définissant les cadres.
  2. Pour chaque élément FRAME, relever le nom du fichier vers lequel renvoie la valeur de l'attribut longdesc.
  3. Ouvrir ce fichier.
  4. Vérifier la pertinence de la description longue associée à chaque élément FRAME.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Activer l'option "Voir Source" du menu "Voir Source".
  2. Une nouvelle fenêtre apparaît et affiche le code source.
  3. Pour chaque élément FRAME, relever le nom du fichier vers lequel renvoie la valeur de l'attribut longdesc
  4. Ouvrir ce fichier.
  5. Vérifier la pertinence de la description longue associée à chaque élément FRAME.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
  1. Ouvrir la page à analyser sous Internet Explorer. Passer de cadre en cadre en tapant, selon les versions de Jaws, sur la touche virgule ou H du clavier.
  2. Depuis la version 5.0, le lecteur d'écran interprète cet attribut en disant "a une longue description" lorsqu'il rencontre un cadre comportant l'attribut longdesc.
  3. Valider par "entrée" pour accéder à la description longue associée au cadre et vérifier sa pertinence.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le développeur et le graphiste doivent veiller au respect de ce critère.

Implémentation

L'attribut longdesc se définit dans chaque balise FRAME de la page définissant les cadres.

Syntaxe générale :

<frameset ...>
<frame src="fichier.htm" name="nom" title="titre" longdesc="nom_fichier.htm" />
</frameset>

Remarque : il existe encore des navigateurs qui ne prennent pas en charge cet attribut. Mais il est important de prévoir son implémentation pour rester compatible à de futures versions.

Exemple de mauvaise pratique

Dans l'exemple ci-dessous, le cadre menu donne accès à un fichier annexe aide.htm sur l'ancre #menu. Il en est de même pour le cadre contenu qui permet d'avoir des explications sur sa fonction dans le même fichier aide.htm sur l'ancre #text.
En revanche, les textes descriptifs sur lesquels conduisent les attibuts longdesc respectifs, ne sont pas pertinents :

<frameset rows="50,*" framespacing="0" title="Exemple de frameset" frameborder="NO" border="0">
<frame src="top.htm" name="menu" title="Menu principale" scrolling="AUTO" longdesc="aide.htm#menu" />
<frame src="prin.htm" name="contenu" title="Contenu de l'information" longdesc="aide.htm#text" />
</frameset>

Contenu du fichier aide.html :

<p id="menu">Ce cadre contient le menu du site</p>
<p id="text">Ce cadre renferme le contenu.</p>

Exemple de bonne pratique

Dans l'exemple ci-dessous, le cadre menu donne accès à un fichier annexe aide.htm sur l'ancre #menu. Il en est de même pour le cadre contenu qui permet d'avoir des explications sur sa fonction dans le même fichier aide.htm sur l'ancre #text.

Les descriptions contenues dans le fichier aide.html, doivent expliquer l'interaction entre les cadres, par exemple, comme suit :

<frameset rows="50,*" framespacing="0" title="Exemple de frameset" frameborder="NO" border="0">
<frame src="top.htm" name="menu" title="Menu principale" noresize scrolling="AUTO" longdesc="aide.htm#menu" />
<frame src="prin.htm" name="contenu" title="Contenu de l'information" longdesc="aide.htm#text" />
</frameset>

Contenu du fichier aide.html :

<p id="menu">Ce cadre contient le menu principal du site. Lorsque vous cliquez sur un lien du menu, le contenu correspondant s'affiche dans le cadre "contenu".</p>
<p id="text">Ce cadre renferme le contenu des différentes pages. Ce contenu est modifié en fonction du lien choisi dans le cadre "menu".</p>

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

Autres fiches à consulter

  • Fiche 2.7 : L'attribut LONGDESC est-il présent pour expliquer l'interaction entre les cadres ?
  • Fiche 9.4 : Y a-t-il une page d'aide expliquant les principes de navigation à l'intérieur du site ?
  • Fiche 12.1 : La navigation dans l'ensemble des pages du site est-elle cohérente ?

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 2.7 Fiche suivante : fiche 2.9

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact