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.
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.
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
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.
Cette capture d'écran présente une page avec des cadres pour lesquels le défilement n'est pas autorisé. Dans cet exemple, les cadres n'autorisent pas le défilement du texte si l'utilisateur modifie sa résolution d'écran ou augmente la taille des
caractères. Le texte est alors tronqué. Le redimensionnement des cadres n'est également pas autorisé afin que l'utilisateur les ajuste à sa convenance.
Cette capture d'écran présente une page avec des cadres pour lesquels le défilement est autorisé. Dans cet exemple, les cadres autorisent le défilement du texte lorsque l'utilisateur modifie sa résolution d'écran ou augmente la taille des
caractères. Des ascenseurs de défilement apparaîssent automatiquement
De plus, il peut redimensionner chacun des cadres à sa convenance.