Guide AccessiWeb

1. Accueil
2. Mode d'emploi
3. Structure d'une fiche
4. Fiches AccessiWeb
   • 1) Images
   • 2) Cadres
   • 3) Couleurs
   • 4) Multimédia
   • 5) Tableaux
   • 6) Liens
   • 7) Code exécutable
   • 8) Eléments obligatoires
   • 9) Structuration de l'information
   • 10) Présentation de l'information
   • 11) Formulaires
   • 12) Navigation
   • 13) Consultation
5. Glossaire
6. Aide à l'évaluation
   • Liste d'outils
   • Manuel Code Source
   • Manuel WAT [Internet Explorer]
   • Manuel Web Dev [Firefox]
7. Référentiel AccessiWeb
   • AccessiWeb v1.1 [Général]
   • AccessiWeb v1.1 [Déployé]
   • AccessiWeb v1.0
8. Tables de correspondance
   • AW v1 vers AW v1.1 [Général]
   • AW v1.1 [Général] vers AW v1.1 [Déployé]
   • AW v1.1 [Général] vers WCAG 1.0
   • AW v1.1 [Général] vers UWEM 1.0
   • AW v1.1 [Déployé] vers UWEM 1.0
   • AW v1.1 [Général] vers WCAG 2.0
   • AW v1.1 [Général] vers mobileOK Basic 1.0
   • AW v1.1 [Général] vers RGAA
9. Moteur de recherche
10. Références
11. Remerciements
12. Plan du guide

Critère 2.5 : Chaque cadre et chaque cadre en ligne qui nécessite que sa nature et son fonctionnement soient décrits a-t-il un attribut longdesc ?

revenir en haut de la page

Carte d'identité du critère 2.5 [niveau AccessiWeb : Argent]

revenir en haut de la page

Comprendre

Comprendre le critère

Tous les cadres et cadres en ligne qui nécessitent que leur nature et leur fonctionnement soient décrits (comme l'interaction des cadres les uns par rapport aux autres dans une page Web) doivent avoir un attribut longdesc.

Bénéfices pour les utilisateurs

• 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ément d'information pour cette rubrique.

revenir en haut de la page

Comment évaluer

Note : de manière générale, il est conseillé de faire l'évaluation d'un critère via l'analyse de son code source. Ce procédé d'évaluation par le code source est détaillé ci-après quand il est possible : procédé d'évaluation en 3 étapes via le ou les tests associés au critère. Les procédés d'évaluation par différents outils sont donnés en complément de l'évaluation par le code source.

Par le code source

1. Sélectionner le(s) élément(s) à tester :
   • Identifier dans un navigateur graphique la nature et le fonctionnement de tous les cadres.
   • Ouvrir le code source de la page Web et sélectionner le code associé à tous les éléments suivants (exemple de code source : <frame src="fichier.html" name="nom_du_cadre" title="titre du cadre" />) :
     • balise frame
     • balise iframe
   
   
   
2. Appliquer le(s) test(s) suivant(s) :
   • Test 2.5.a [Argent] : Chaque cadre (balise frame) qui nécessite que sa nature soit décrite a-t-il un attribut longdesc ?
   • Test 2.5.b [Argent] : Chaque cadre (balise frame) qui nécessite que son fonctionnement soit décrit a-t-il un attribut longdesc ?
   • Test 2.5.c [Argent] : Chaque cadre en ligne (balise iframe) qui nécessite que sa nature soit décrite a-t-il un attribut longdesc ?
   • Test 2.5.d [Argent] : Chaque cadre en ligne (balise iframe) qui nécessite que son fonctionnement soit décrit a-t-il un attribut longdesc ?
   • Test 2.5.e [Argent] : Pour chaque cadre (balise frame) ayant un attribut longdesc, le contenu de cet attribut est-il une url valide ?
   • Test 2.5.f [Argent] : Pour chaque cadre en ligne (balise iframe) ayant un attribut longdesc, le contenu de cet attribut est-il une url valide ?
   
   
3. Valider le critère : le critère est validé si vous répondez oui à tous les tests applicables précédents.

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 d'outils Accessibilité du Web pour Internet Explorer (version 2.0 beta en français) :

• Pour le test 2.5.a [Argent] et le test 2.5.c [Argent] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Cadres" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Noms / Titres des cadres".
  3. Pour chaque cadre présent sur la page, sont indiqués le contenu de l'attribut name, celui de l'attribut title, celui de l'attribut longdesc et le fichier source correspondant.
  4. Vérifier que chaque cadre (balise frame) et chaque cadre en ligne (balise iframe) qui nécessite que sa nature soit décrite a un attribut longdesc.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.5.b [Argent] et le test 2.5.d [Argent] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Cadres" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Noms / Titres des cadres".
  3. Pour chaque cadre présent sur la page, sont indiqués le contenu de l'attribut name, celui de l'attribut title, celui de l'attribut longdesc et le fichier source correspondant.
  4. Vérifier que chaque cadre (balise frame) et chaque cadre en ligne (balise iframe) qui nécessite que son fonctionnement soit décrit a un attribut longdesc.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test test 2.5.e [Argent] et le test 2.5.f [Argent] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "Cadres" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Noms / Titres des cadres".
  3. Pour chaque cadre présent sur la page, sont indiqués le contenu de l'attribut name, celui de l'attribut title, celui de l'attribut longdesc et le fichier source correspondant.
  4. Vérifier que pour chaque cadre (balise frame) et chaque cadre en ligne (balise iframe) ayant un attribut longdesc, le contenu de cet attribut est une url valide.
  5. Si c'est le cas, le test est validé.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :

• Pour le test 2.5.a [Argent] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
  3. Une nouvelle fenêtre apparaît contenant le code source de la page.
  4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que chaque cadre qui nécessite que sa nature soit décrite a un attribut longdesc.
  5. Si c'est le cas, le test est validé.
  
  
• Pour le test 2.5.b [Argent] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que chaque cadre qui nécessite que son fonctionnement soit décrit a un attribut longdesc.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.c [Argent]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que chaque cadre en ligne qui nécessite que sa nature soit décrite a un attribut longdesc.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.d [Argent]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que chaque cadre en ligne qui nécessite que son fonctionnement soit décrit a un attribut longdesc.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.e [Argent] :
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot frame (ctrl + f), vérifier que pour chaque cadre ayant un attribut longdesc, le contenu de cet attribut est une url valide.
5. Si c'est le cas, le test est validé.


• Pour le test 2.5.f [Argent]
1. Sous Firefox, ouvrir la page à analyser.
2. Dans le menu "Voir Source" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Voir Source".
3. Une nouvelle fenêtre apparaît contenant le code source de la page.
4. En faisant une recherche sur le mot iframe (ctrl + f), vérifier que pour chaque cadre en ligne ayant un attribut longdesc, le contenu de cet attribut est une url valide.
5. Si c'est le cas, le test est validé.

revenir en haut de la page

Comment mettre en oeuvre

Avertissement : les informations du paragraphe "Comment mettre en oeuvre" sont données à titre indicatif. Les contenus des sous-paragraphes Implémentation et Exemple de bonne pratique ne présentent pas tous les codes d'implémentation.

Qui est concerné ?

Le développeur doit veiller au respect de ce critère.

Implémentation

L'attribut longdesc se définit dans chaque balise frame et chaque balise iframe qui nécessitent que leur nature et leur fonctionnement soient décrits.

Syntaxe générale avec la balise frame :

<frameset ...>
<frame src="fichier.htm" name="nom" title="titre" longdesc="nom_fichier.htm" />
</frameset>

Syntaxe générale avec la balise iframe :

<iframe src="fichier.htm" name="nom" title="titre" longdesc="nom_fichier.htm"></iframe>

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 qui suit, les deux cadres ne possèdent pas d'attribut longdesc. Si l'on imagine que le texte du cadre "contenu" change en fonction d'un lien choisi dans le cadre "menu", il y a interaction entre les deux cadres. Cette interaction doit être décrite à l'utilisateur mais peut nécessiter plusieurs phrases d'explication. La présence de l'attribut longdesc permettrait d'apporter ces informations.

<frameset rows="50,*" framespacing="0" title="Exemple de frameset" frameborder="NO" border="0">
<frame src="top.htm" name="menu" title="Menu principal" scrolling="AUTO" />
<frame src="prin.htm" name="contenu" title="Contenu de l'information" />
</frameset>

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.

<frameset rows="50,*" framespacing="0" title="Exemple de frameset" frameborder="NO" border="0">
<frame src="top.htm" name="menu" title="Menu principal" scrolling="AUTO" longdesc="aide.htm#menu" />
<frame src="prin.htm" name="contenu" title="Contenu de l'information" longdesc="aide.htm#text" />
</frameset>

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

• html techniques for WCAG 1.0 (section 10.2) : Describing frame relationships
• WAI 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 3.1, 2 mars 2009) | Conditions d'utilisation | Contact
Copyright © 2009 Association BrailleNet. Tous droits Réservés.