# Guide AccessiWeb

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

## Fiche 2.6 : L'attribut TITLE 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.6
- Niveau AccessiWeb : bronze
- Point(s) de contrôle WCAG 1.0 correspondants (Priorité 1 de WAI) : 12.1

revenir en haut de la page

### Comprendre

#### Bénéfices pour les utilisateurs

- Bénéfice 1 :
  L'attribut `title` présent dans chaque cadre permet aux utilisateurs d'aides techniques comme Jaws ou Home Page Reader d'être plus précisément renseigné sur l'architecture de la page. Il permet en particulier de connaître la structure et les relations entre les différents cadres que seul le contenu de l'attribut `name` ne peut donner.
  Le contenu de l'attribut `title` doit donc fournir à l'utilisateur des informations supplémentaires sur la manière dont la page est structurée à l'aide des cadres.
- Bénéfice 2 :
  Certains navigateurs textuels comme Lynx ou certaines interfaces sur petits écrans, sur une page comportant des cadres, obligent à une navigation en arborescence. C'est-à-dire que chaque cadre constitue une sorte de lien sur lequel il faut valider pour en connaître le contenu. Si un cadre comporte des sous-cadres, l'utilisateur doit à nouveau valider sur chacun d'eux pour savoir ce qu'ils contiennent ; ainsi de suite. Lors d'une navigation cadre par cadre, Il est donc important pour l'utilisateur de savoir dans quel cadre il navigue et la position hiérarchique d'un cadre par rapport à un autre.

#### Valeur ajoutée pour le site

- Bénéfice 1 :
  Le contenu de l'attribut `title` peut comporter plusieurs mots séparés par des espaces, ce qui permet d'offrir une description plus détaillée du cadre que l'attribut `name`.
- Bénéfice 2 :
  L'attribut `title` peut être une aide au référencement.

revenir en haut de la page

### Comment évaluer

#### Par le code source

1. Identifier tous les éléments `FRAME` qui ont des attributs `title` associés en faisant une recherche dans le code source.
2. A l'aide d'un navigateur qui supporte le FRAMESET, identifier la fonction ou le rôle de chaque élément `FRAME`.
3. Pour chaque élément `FRAME` applicable, juger si la valeur de l'attribut `title` qui lui est associé donne effectivement la fonction ou le rôle du cadre dans le FRAMESET.

#### 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.6.
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 applicable, juger si le contenu de l'attribut `title` qui lui est associé donne effectivement la fonction ou le rôle du cadre dans le FRAMESET.

##### Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :

1. Cliquer sur l'option "Nom/Titre du cadre [Nouvelle fenêtre]" du menu "Structure".
2. Une nouvelle fenêtre s'affiche. Pour chaque cadre présent sur la page, sont indiqués le contenu de l'attribut `name`, celui de l'attribut `title` et le fichier source correspondant.
3. Pour chaque élément `FRAME` applicable, juger si le contenu de l'attribut `title` qui lui est associé donne effectivement la fonction ou le rôle du cadre dans le `FRAMESET`.

##### 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` applicable, juger si le contenu de l'attribut `title` qui lui est associé donne effectivement la fonction ou le rôle du cadre dans le FRAMESET.

##### Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :

1. La combinaison de touches Insert+F9 permet d’afficher la liste des cadres présents sur la page. Jaws lira l'attribut `title` du cadre, s'il est présent. Même si le contenu de l'attribut `title` est plus court que celui de l'attribut `name`, Jaws lira toujours le contenu de l'attribut `title`.
   Note : Jaws permet de savoir si les noms donnés aux cadres sont explicites, mais il ne permet pas d’identifier s’il s’agit de l’attribut `name` ou de l’attribut `title` du cadre. Pour passer d’un cadre à l’autre il suffit, selon les versions, de taper sur la touche virgule ou H du clavier.

revenir en haut de la page

### Comment mettre en oeuvre

#### Qui est concerné ?

Les personnes en charge du contenu doivent veiller à ce le contenu de cet attribut soit pertinent.

#### Implémentation

Syntaxe générale :

<frame src="[...]" name="nom_du_cadre" title="nom_du_cadre : informations supplémentaires sur le cadre" />

Remarque : attention à ne pas oublier l'attribut `title` de la balise `FRAMESET`

#### Exemple de mauvaise pratique

Soit une page découpée en trois cadres de la façon suivante :

- en haut, sur toute la largeur de la page un cadre qui contiendra le logo de l'organisme, une barre de menu, avec, par exemple, les rubriques "accueil", "téléchargement", "catalogue des produits" etc... Il s'agit d'un cadre de navigation.
- A gauche, un cadre contenant le sommaire de la rubrique sélectionnée dans le premier cadre. Par exemple, si on clique sur "catalogue" dans le cadre du haut, un ensemble de sous-rubriques, correspondant aux entrées du catalogue, apparaissent dans le cadre de gauche. Il s'agit du cadre présentant le sommaire.
- A droite, sur l'espace restant disponible, du texte, des éléments graphiques, un formulaire etc.. constituent le contenu de la page.

Un mauvais codage d'une telle présentation serait par exemple :

<frameset rows="5%,95%" border="7">
<frame src="nav.html" marginheight="0" marginwidth="0" noresize scroling="none" name="navigation" title="ce cadre contient les liens page d'accueil, téléchargement et catalogue" />
<frameset cols="30%,*" border="7">
<frame src="sommaire.html" marginheight="0" marginwidth="0" noresize scroling="auto" name="sommaire" title="ce cadre est en lettres blanches sur fond bleu" />
<frame src="accueil.html" marginheight="0" marginwidth="0" noresize scroling="auto" name="contenu" title="ce cadre est en lettres noires sur fond blanc" />
</frameset>
</frameset>

Dans cet exemple, le contenu de l'attribut `title` s'attarde sur une description du cadre ou à reprendre intégralement les liens que contient le cadre. Ceci n'est pas pertinent car ces informations ne renseignent pas l'utilisateur sur la fonction du cadre, ou font double emploi avec le contenu du cadre lui-même.

#### Exemple de bonne pratique

La bonne pratique à adopter est la suivante :

<frameset rows="5%,95%" border="7">
<frame src="nav.html" marginheight="0" marginwidth="0" noresize scroling="none" name="navigation" title="navigation : ce cadre contient la barre de navigation dans le site avec les liens principaux" />
<frameset cols="30%,*" border="7">
<frame src="sommaire.html" marginheight="0" marginwidth="0" noresize scroling="auto" name="sommaire" title="sommaire : ce cadre contient les liens relatifs à une rubrique" />
<frame src="accueil.html" marginheight="0" marginwidth="0" noresize scroling="auto" name="contenu" title="contenu : ici se trouvent les textes, images et formulaires relatifs à un lien du sommaire" />
</frameset>
<noframes>
<body>
<h1>Bienvenue sur notre site</h1>
<h2>rubriques principales</h2>
<a href="[...]">retour à l'accueil</a><br />
<a href="[...]">téléchargement</a><br />
<a href="[...]">catalogue</a>
</body>
</noframes>
</frameset>

Ainsi, l'utilisateur sait d'emblée ce qu'il va trouver dans chacun des cadres.

revenir en haut de la page

### Illustrations

Note : pour lire les extraits sonores au format mp3 proposés sur ce guide, vous devez disposer d'un lecteur capable de lire ce type de fichier. Les enregistrements ont été réalisés à partir soit de la synthèse vocale utilisée par Jaws, soit celle utilisée par Home Page Reader. Pour plus d'informations sur le téléchargement de lecteurs de fichiers mp3, consulter le paragraphe Lecteurs multimédia de la page Outils d'aide à l'évaluation de ce guide.

Jaws lit des titres de cadres peu pertinents (format mp3, 122 ko)

Voici ce que lit Jaws :
"Liste de cadres, boîte de dialogue. Zone de liste. Ce cadre contient les liens page d'accueil, téléchargement, catalogue. Ce cadre est en lettres blanches sur fond bleu. Ce cadre est en lettres noires sur fond blanc."

Jaws lit des titres de cadres pertinents (format mp3, 167 ko)

Voici ce que lit Jaws :
"Liste de cadres, boîte de dialogue. Zone de liste. Navigation : ce cadre contient la barre de navigation dans le site avec les liens principaux. Sommaire : ce cadre contient les liens relatifs à une rubrique. Contenu : ici se trouvent les textes, images et formulaires relatifs à un lien du sommaire."

revenir en haut de la page

### Références

#### Autres fiches à consulter

- Fiche 2.5 : Y a-t-il un attribut TITLE ?

#### Autres ressources

- html Techniques (section 10.1) : Providing a frame title
- Web Content Accessibility Curriculum (section 12.1) : Title each frame to facilitate frame identification and navigation
- webaim.org : Creating accessible frames

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