Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Cadres > Critère.2.10

Critère.2.10 : Pour chaque cadre, les barres de défilement peuvent-elles apparaître ?

Avertissement : cette fiche n'est pas à jour. Elle est utilisée ici pour illustrer la relation entre les commentaires associés aux critères AccessiWeb v1.1 et leurs champs correspondants dans les fiches du Guide AccessiWeb. Toutes les fiches du Guide AccessiWeb seront mises à jour suite à l'étape 2 de l'appel à commentaire.

Sommaire de la fiche :

Carte d'identité
Comprendre

Comment évaluer
Comment mettre en oeuvre

Illustrations
Références

Carte d'identité

Critère AccessiWeb : Critère.2.10
Niveau AccessiWeb : Bronze
Point(s) de contrôle WCAG 1.0 correspondants (Priorité 3 de WAI) : 14.3

revenir en haut de la page

Comprendre

Comprendre le critère

Pour tous les cadres, les barres de défilement doivent pouvoir apparaître.

Bénéfices pour les utilisateurs

Bénéfice 1 :
Lorsque le défilement d'un cadre est automatique ou permis, les utilisateurs souffrant d'une déficience visuelle peuvent modifier aussi bien la résolution de leur écran que la taille de police des caractères. Dans ce cas, même si le texte est tronqué parce qu'il déborde du cadre, les ascenseurs permettent malgré tout de prendre connaissance de la partie masquée. L'utilisateur ne souffre alors d'aucune perte d'informations.
Bénéfice 2 :
Bien que de nombreux sites utilisent des cadres dits "invisibles" ou plutôt ayant une taille ne permettant pas de les repérer, cette méthode peut avoir des conséquences fâcheuses lors de l'ouverture d'une autre fenêtre. En effet, si l'utilisateur ne peut se rendre compte qu'il lui manque un morceau de la page (caché dans un cadre de taille nulle sans défilement), il ne comprendra pas que deux pages d'aspect identique ne fonctionnent pas de la même façon.

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

Avertissement : cette fiche n'est pas à jour et en particulier ce paragraphe "Comment évaluer". Toutes les fiches du Guide AccessiWeb seront mises à jour suite à l'étape 2 de l'appel à commentaire.

Par le code source

Vérifier la présence de scrolling="auto" ou scrolling="yes" pour chaque élément FRAME.
Vérifier également que la valeur "noresize" n'est pas attribuée aux éléments 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) :

Sous Internet Explorer, ouvrir la page à analyser.
Dans le menu "2. Cadres" de la Barre AccessiWeb, activer le critère 2.10.
Le code source de la page s'affiche dans une nouvelle fenêtre.
Vérifier la présence de scrolling="auto" ou scrolling="yes" pour chaque élément FRAME (cadre).
Vérifier également que la valeur "noresize" n'est pas attribuée aux éléments FRAME (cadre).

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

Cliquer sur le menu "Source", puis sur l'option "Voir le code source [Nouvelle fenêtre]" pour afficher le code source de la page définissant les cadres.
Vérifier la présence de scrolling=auto" ou scrolling=yes" pour chaque élément FRAME.
Vérifier également que la valeur "noresize" n'est pas attribuée aux éléments FRAME.

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

Activer l'option "Voir Source" du menu "Voir Source".
Une nouvelle fenêtre apparaît et affiche le code source.
Vérifier la présence de scrolling="auto" ou scrolling="yes" pour chaque élément FRAME.
Vérifier également que la valeur "noresize" n'est pas attribuée aux éléments FRAME.

`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é ?
	Le développeur, en concertation avec le graphiste, doit veiller au respect de ce critère.
Implémentation
	Syntaxe générale :


<frameset [...]> 

<frame scrolling="auto" [...] /> 

</frameset>

Ce qui définit la propriété de défilement du cadre est l'attribut scrolling de la balise FRAmE dont la valeur doit être "auto".
Exemple de mauvaise pratique
	Voici un exemple de code qui permet de diviser la page en trois cadres :


<frameset rows="5%,95%" border="7">

<frame src="nav.html" marginheight="0" marginwidth="0" noresize scroling="no" name="navigation" />

<frameset cols="30%,*" border="7">

<frame src="sommaire.html" marginheight="0" marginwidth="0" noresize scroling="no" name="sommaire" />

<frame src="accueil.html" marginheight="0" marginwidth="0" noresize scroling="no" name="contenu" />

</frameset>

</frameset>

Dans cet exemple, aucun des cadres n'autorise le défilement du texte qu'il contient, puisque la valeur de scrolling est "none". Si l'utilisateur change de résolution d'écran ou augmente la taille des caractères, le texte contenu dans les cadres sera tronqué sans qu'il soit possible de visualiser l'information manquante. Il est également important de permettre le redimensionnement des cadres afin que l'utilisateur les ajuste à sa convenance. Or, ici, la valeur "noresize" interdit cette opération. Sauf contrainte graphique incontournable, cette valeur est à proscrire.
Exemple de bonne pratique
	En reprenant l'exemple précédent, il suffit d'atribuer la valeur "auto" à l'attribut scrolling


<frameset rows="5%,95%" border="7">

<frame src="nav.html" marginheight="0" marginwidth="0" scroling="auto" name="navigation" />

<frameset cols="30%,*" border="7">

<frame src="sommaire.html" marginheight="0" marginwidth="0" scroling="auto" name="sommaire" /> 

<frame src="accueil.html" marginheight="0" marginwidth="0" scroling="auto" name="contenu" />

</frameset>

</frameset>




A présent, lorsque l'utilisateur modifie sa résolution d'écran ou augmente la taille des caractères, des ascenseurs de défilement apparaîtront automatiquement pour lui permettre de lire la totalité de l'information. De plus, il peut redimensionner chacun des cadres à sa convenance.

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 Critère.2.9 : Dans chaque page Web, y a-t-il un maximum de 3 cadres ?
Autres ressources
Exemple de cadres avec défilement (en anglais)
html specifications : Frames in HTML documents: the frame element

revenir au sommaire de la fiche
revenir en haut de la page




Guide AccessiWeb (version en cours de validation, non diffusable en dehors du GTA, 6 février 2008) | 
Conditions d'utilisation |
Contact