# Guide AccessiWeb

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

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

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

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

- Bénéfice 1 :
  L'attribut `longdesc` permet de définir dans un fichier annexe l'interaction des cadres les uns par rapport aux autres. Il donne à l'utilisateur mal-voyant n'ayant qu'une vision partielle de la page, ou à l'utilisateur aveugle n'ayant qu'une lecture linéaire de la page, une vision globale du fonctionnement et de l'interaction des cadres entre eux.

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

- html techniques (section 10.2) : Describing frame relationships
- Web Content Accessibility Curriculum(section 12.2) : Describe the purpose of frames and how frames relate to each other

revenir au sommaire de la fiche

revenir en haut de la page

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