retour vers le site AccessiWeb

Guide AccessiWeb


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

Fiche 2.1 : Y a-t-il un attribut NAME ?

Carte d'identité

  • Critère AccessiWeb : 2.1
  • 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

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. Dans le code source, vérifier la présence de l'attribut name 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.1.
  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 name 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 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. Si l'attribut name est présent et non vide, son contenu est donné. Le critère est alors validé pour ce cadre.
  4. S'il n'y a pas d'attribut name ou s'il est présent mais vide (name=""), vous lirez : NAME non spécifié. Il est alors nécessaire de vérifier la présence de l'attribut name dans le code source en cliquant dans le menu "Source" sur l'option "Voir le code source [Nouvelle fenêtre]".

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 balise FRAME, vérifier que l'attribut name est présent

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ce critère n'est pas évaluable par le lecteur d'écran Jaws.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

L'implémentation de ce critère concerne le développeur.

Implémentation

L'attribut name est inclus dans la balise FRAME.
Syntaxe générale :

<frame name="nom_du_cadre" />

Remarque : le contenu de l'attribut name ne doit pas comporter d'espace.

Exemple de mauvaise pratique

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


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="" />
<frameset cols="30%,*" border="7">
<frame src="sommaire.html" marginheight="0" marginwidth="0" noresize scroling="auto" />
<frame src="accueil.html" marginheight="0" marginwidth="0" noresize scroling="auto" />
</frameset>
</frameset>

Dans ce fragment de code, on constate que le premier cadre possède un attribut name non renseigné, et que les deux autres cadres ne sont pas dotés de cet attribut. Il en résulte que l'utilisateur n'aura aucun moyen de se repérer à l'aide des cadres et leur présence devient même perturbante.

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" />
<frameset cols="30%,*" border="7">
<frame src="sommaire.html" marginheight="0" marginwidth="0" noresize scroling="auto" name="sommaire" />
<frame src="accueil.html" marginheight="0" marginwidth="0" noresize scroling="auto" name="contenu" />
</frameset>
</frameset>


Ainsi, chaque cadre de la page possède un nom qui le distingue de l'autre.

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 1.13 Fiche suivante : fiche 2.2

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