FICHE 2

LES CADRES (OU " FRAMES ")

 

1.Rappel de la recommandation 12 des WCAG 1.0 :

" Fournir des informations relatives au contexte et à l'orientation pour que les utilisateurs puissent comprendre les éléments et les mises en pages complexes. "

Points de contrôle : 12.1 (Priorité 1) ; 12.2 (Priorité 2)

Raisons de cette recommandation

L'utilisation des cadres doit être appropriée et limitée à 2, voir 3 cadres. Leur trop grand nombre et leur mauvaise utilisation gêneront les internautes n'ayant pas une vue globale de l'écran. Les visiteurs aveugles, par exemple, seront perturbés, en particulier ceux qui utilisent des navigateurs textuels comme Lynx pour Windows ou Braillesurf. L'imbrication de cadres est déconseillée car la navigation est très fastidieuse pour ce public.
Le principal avantage des cadres est de permettre l'affichage d'un menu du site sur chacune des pages du site. C'est pourquoi deux ou trois cadres judicieusement et correctement utilisés sont une structure appréciée par les personnes ayant des problèmes moteurs rendant difficile l'utilisation de la souris et qui y trouvent un confort de navigation appréciable.

2. Ce qu'il faut faire

Tous les navigateurs ne permettent pas d'afficher les cadres. Utiliser l'élément HTML <NOFRAME> pour donner un contenu alternatif. En l'absence de cet élément, un navigateur incapable d'afficher les cadres montre une page rigoureusement vide.
IMPORTANT : éviter de construire un site alternatif dans le "NOFRAME" mais y placer un ou plusieurs liens vers les données des frames (sinon, il se pose rapidement la question de la mise à jour).

D'autre part, certains navigateurs en mode texte, présentent la liste des cadres et permettent à l'utilisateur de basculer d'un cadre à l'autre. Une personne utilisant un navigateur de ce type se repère grâce à leur nom pour se diriger vers l'un d'entre eux. Il est donc nécessaire que le titre du cadre soit en rapport avec son contenu et non avec la géographie de la page.
Donner aux cadres des noms et des titres significatifs grâce à attribut "name" de l'élément FRAME (éviter par exemple " cadre1 ", " cadre2 ", " haut ", " bas "...). Donner un titre aux documents contenus dans chaque cadre grâce à l'élément TITLE de l'en-tête.

3. Applications à l'aide des éditeurs HTML

  • avec FrontPage
    Dans la boîte de dialogue " Propriétés du cadre ", placer le nom du cadre dans la case " nom ".
    Utiliser ensuite l'onglet " sans cadre " pour placer le contenu de la page Alternative.
  • avec Dreamweaver
    Dans l'onglet Modifier/jeu de cadre/modifier le contenu sans cadre.
    Par défaut, le code HTML affiche :
    <noframe>
    <body bgcolor="FFFFFF">
    </body>
    </noframe>
  • avec WebExpert
    Lors de la création des cadres, le nom du cadre est appelé " Nom identificateur du cadre ". WebExpert place ensuite correctement les éléments NOFRAMES et BODY. Il vous reste à les remplir.
  • avec HotMetal Pro
    En mode " TagsOn " ou en mode " WYSIWYG - frames ", les noms de cadres sont définis dans la boîte de dialogue " Frame Properties ", obtenue à l'aide du menu " Frameset " (une fois un cadre sélectionné) ou bien du menu contextuel. Pour la page alternative, se placer en mode " WYSIWYG - no frames ", " TagsOn " ou " HTML source ".

4. Exemples rencontrés sur les sites évalués

· Au sein du site du Ministère de la Défense (www.defense.gouv.fr), nous avons détecté un nombre très élevé de cadres imbriqués qui gênent particulièrement la navigation. Le nom de chacun de ces cadres n'est pas assez explicite.
· En ce qui concerne le site du Musée Guimet (www.museeguimet.fr), 9 cadres ont été dénombrés sur la page d'accueil.

retour aux fiches