retour vers le site AccessiWeb

Guide AccessiWeb


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

Fiche 2.7 : L'attribut LONGDESC est-il présent pour expliquer l'interaction entre les cadres ?

Carte d'identité

  • Critère AccessiWeb : 2.7
  • 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ément 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. Vérifier la présence de l'attribut longdesc dans 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.7.
  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. Si l'attribut longdesc est présent, son contenu est donné. Le critère est alors validé pour ce cadre.

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. Vérifier la présence de l'attribut longdesc dans 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. Vérifier la présence de l'attribut longdesc dans 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.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le développeur doit 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 qui suit, les deux cadres ne possèdent pas d'attribut longdesc. Si l'on imagine que le texte du cadre "contenu" change en fonction d'un lien choisi dans le cadre "menu", il y a interaction entre les deux cadres. Cette interaction doit être décrite à l'utilisateur mais peut nécessiter plusieurs phrases d'explication. La présence de l'attribut longdesc permettrait d'apporter ces informations.

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

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.

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

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

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 2.6 Fiche suivante : fiche 2.8

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