retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Contenus accessibles > Fiche 13.3

Fiche 13.3 : Le visiteur est-il averti lorsque de nouvelles fenêtres apparaissent ?

Carte d'identité

  • Critère AccessiWeb : 13.3
  • Niveau AccessiWeb : bronze
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 10.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. Repérer pour chaque lien la présence de l'attribut target (avec la valeur "_blank" ou "_new") ou de l'événement "open.window".
  2. Lorsque ces éléments sont présents, vérifier qu'une mention du type "nouvelle fenêtre" est associée au lien, soit directement dans l'intitulé du lien soit par l'intermédiaire de l'attribut title ou encore par un texte suivant le lien.

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 "13: Contenus accessibles" de la Barre AccessiWeb, activer le critère 13.3.
  3. Les liens qui déclenchent l'ouverture de nouvelles fenêtres sont affichés dans la page et une nouvelle fenêtre permet d'en connaître le nombre (que cela soit par un script JavaScript ou un élément target).
  4. Vérifier que le visiteur est bien averti de l'ouverture de ces nouvelles fenêtres.
    Note : pour enlever les liens javascripts de la page, recharger la page en cliquant sur la touche F5.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Dans "Structure", cliquer sur "liens javascripts nouvelle fenêtre".
  2. Les liens qui déclenchent l'ouverture de nouvelles fenêtres sont indiqués dans la page.
    Une alerte permet d'en connaître le nombre (que cela soit par un script JavaScript ou un attribut target).

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. Repérer pour chaque lien la présence de l'attribut target (avec la valeur "_blank" ou "_new") ou de l'événement open.window.
  4. Lorsque ces éléments sont présents, vérifier qu'une mention du type "nouvelle fenêtre" est associée au lien, soit directement dans l'intitulé du lien soit par l'intermédiaire de l'attribut title ou encore par un texte suivant le lien.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
  1. Jaws permet d'évaluer si l'indication de l'ouverture d'une nouvelle fenêtre est présente dans l'attribut alt, l'intitulé ou le title du lien. Pour pouvoir évaluer ce critère, il est nécessaire de demander à Jaws d'indiquer le plus long (entre le contenu de l'attribut title et l'intitulé du lien). Dans la boîte de dialogue de verbosité de Jaws, à l'aide des touches Insert+V, choisir la valeur "le plus long" à l'aide de la barre d'espacement pour les options "graphiques reconnus par" et "liens textuels uniquement".
  2. A l'aide de la touche tabulation, se déplacer de lien en lien. Pour chaque lien qui s'ouvre dans une nouvelle fenêtre, vérifier que cette information est spécifiée dans la fenêtre de l'afficheur braille ou par la synthèse vocale.

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

Lorsque l'ouverture d'une nouvelle fenêtre est justifiée, l'intitulé du lien (ou le contenu de son attribut title) qui l'ouvre doit mentionner l'apparition de cette nouvelle fenêtre.

Exemple de mauvaise pratique

Dans l'extrait de code qui suit, l'activation du lien déclenche l'ouverture d'une nouvelle fenêtre sans que l'utilisateur n'en soit averti.

<a href="..." target="_blank">Lire l'article complet</a>

Exemple de bonne pratique

Lorsqu'un lien déclenche l'ouverture d'une nouvelle fenêtre, le plus simple, pour en avertir l'utilisateur, est de le préciser dans l'intitulé du lien, comme ceci :

<a href="..." target="_blank">Lire l'article complet (nouvelle fenêtre)</a>

Toutefois, des contraintes éditoriales peuvent amener à utiliser des intitulés de liens précis. Dans ce cas, une solution consiste à utiliser l'attribut title pour signaler l'ouverture d'une nouvelle fenêtre. Attention : le contenu de l'attribut title doit :
  1. Reprendre l'intitulé du lien
  2. Apporter une information supplémentaire, par exemple "(nouvelle fenêtre)".
  3. ne pas dépasser 80 caractères en tout.

<a href="..." target="_blank" title="Lire l'article complet dans une nouvelle fenêtre">Lire l'article complet</a>

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 13.2 Fiche suivante : fiche 13.4

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