Table des matières
- Le problème
- La solution
- Les règles qui s'appliquent aux changements de contexte
- L'évaluation de conformité
- La comparaison entre les standards SGQRI et WCAG 2.0
Le problème
Les changements de contexte sont très déroutants, tant pour les personnes aveugles qui ne les voient pas se produire, que pour les personnes ayant des limitations cognitives qui ne comprennent pas pourquoi le comportement habituel a été court-circuité.
Les fenêtres « pop-up » à ouverture automatique sont une cause importante de désorientation.
Il est important de rappeler la définition de « changement de contexte » donnée par les WCAG 2.0 :
Retour en haut de pageChangements majeurs dans le contenu d'une page Web qui, s'ils sont faits sans que l'utilisateur en soit conscient, peuvent désorienter l'utilisateur qui ne peut voir l'ensemble de la page en même temps.
Les changements de contexte comprennent les changements :
- d'agent utilisateur ;
- d'espace de restitution ;
- de focus ;
- de contenu qui modifie la signification de la page Web.
Note : Un changement de contenu n'est pas toujours un changement de contexte. Un changement dans le contenu comme le déploiement d'une arborescence, un menu dynamique ou un déplacement de tabulation ne change pas nécessairement le contexte à moins qu'il ne change aussi l'un des éléments énumérés ci-dessus (par exemple le focus).
Exemple : L'ouverture d'une nouvelle fenêtre, le déplacement du focus sur un composant différent, le déplacement vers une nouvelle page (y compris tout ce qui, pour l'utilisateur, aurait l'air d'un déplacement vers une autre page) ou la réorganisation significative du contenu d'une page sont autant d'exemples d'un changement de contexte.
La solution
Évitez donc les fenêtres à ouverture automatique. Sinon, ajoutez un avertissement au lien, indiquant : « Ce lien s'ouvrira dans une nouvelle fenêtre ». Cet avertissement peut être donné soit de façon textuelle, soit via le alt d'une image, visible ou non.
Exemple de code
<a href="lien.html" target="_blank">Lien externe au site <img src="popup.gif" alt="Ce lien s'ouvrira dans une nouvelle fenêtre." /></a> <a href="lien.html" target="_blank">Lien externe au site (Ce lien s'ouvrira dans une nouvelle fenêtre.)</a>
Note : la mention d'ouverture doit être incluse à l'intérieur du lien, afin que l'information soit récupérée avec le lien lorsque celui-ci est consulté hors contexte.
Il est possible d'utiliser un script pour l'ouverture d'une nouvelle fenêtre afin d'insérer automatiquement le message d'avertissement. Voir la techniqueSCR24 : Utiliser une amélioration progressive pour ouvrir les nouvelles fenêtres sur demande de l'utilisateur (en anglais).
On peut toutefois utiliser un attribut onchange pour modifier le contenu des champs de formulaires qui suivent, comme dans l'exemple donné dans la techniqueSCR19 : utiliser un événement onchange sur un élément select sans causer un changement de contexte (en anglais).
Retour en haut de pageLes règles qui s'appliquent aux changements de contexte
| SGQRI 008-01 (site Web) |
SGQRI 008-02 (doc. téléchargeable) |
SGQRI 008-03 (multimédia) |
WCAG 2.0 |
|---|---|---|---|
|
18. Pour les exigences particulières applicables à la compréhension d’un contenu dans une page Web, cette page doit : b) être conçue pour qu’un changement de contexte ne puisse s’effectuer à l’arrivée de la zone active sur tout composant d'interface utilisateur; |
13. Pour les exigences particulières applicables à la compréhension d’un contenu dans un document téléchargeable, ce document doit : b) être conçu pour qu’un changement de contexte ne puisse s’effectuer à l’arrivée de la zone active sur tout composant d'interface utilisateur; | 16. Pour les exigences particulières applicables à la compréhension d’une animation Web, cette animation Web doit : b) être conçue pour qu’un changement de contexte ne puisse s’effectuer à l’arrivée de la zone active sur tout composant d'interface utilisateur; | 3.2.1 Au focus : quand un composant reçoit le focus, il ne doit pas initier de changement de contexte. (Niveau A) |
|
21. Tout formulaire Web doit : a) à moins que la personne n’en soit informée avant d’utiliser un champ de formulaire, être conçu pour que tout changement de contexte ne puisse être effectué par la seule saisie d’information dans ce champ; 18. Pour les exigences particulières applicables à la compréhension d’un contenu dans une page Web, cette page doit : j) être conçue pour qu’un élément de navigation ouvrant une nouvelle fenêtre soit accompagné d’une icône, codée conformément à l’annexe 1, avec un avertissement mentionnant l’ouverture de la fenêtre; toutefois, si tous les hyperliens d'une section dans une page Web ouvrent autant de nouvelles fenêtres, cette section de la page Web doit faire apparaître ce même avertissement sous l’en-tête de section correspondant. |
|
19. Tout formulaire doit : a) à moins que la personne n’en soit informée avant d’utiliser un champ de formulaire, être conçu pour que tout changement de contexte ne puisse être effectué par la seule saisie d’information dans ce champ; 16. Pour les exigences particulières applicables à la compréhension d’une animation Web, cette animation Web doit : i) être conçue pour qu’un élément de navigation ouvrant une nouvelle fenêtre soit accompagné d’un avertissement mentionnant l’ouverture de la fenêtre; toutefois, si tous les hyperliens d'une animation Web ouvrent autant de nouvelles fenêtres, ce même avertissement doit apparaître sous l’en-tête de section correspondant. |
3.2.2 À la saisie : le changement de paramètre d'un composant d'interface utilisateur ne doit pas initier de changement de contexte à moins que l'utilisateur n'ait été avisé de ce comportement avant d'utiliser le composant. (Niveau A) |
| 3.2.5 Changement à la demande : un changement de contexte est initié uniquement sur demande de l'utilisateur ou un mécanisme est disponible pour désactiver un tel changement. (Niveau AAA) |
L'évaluation de conformité
| SGQRI 008-01 (site Web) |
SGQRI 008-02 (doc. téléchargeable) |
SGQRI 008-03 (multimédia) |
WCAG 2.0 Grille AccessiWeb 2.1 de Braillenet (suivre ce lien pour voir les tests rattachés à chaque critère) |
|---|---|---|---|
Le contenu est-il exempt de changement de contexte à l’arrivée de la zone active sur tout composant d'interface utilisateur (SW-18b) ?
|
Le contenu est-il exempt de changement de contexte à l’arrivée de la zone active sur tout composant d'interface utilisateur (DT-13b) ? | Le contenu est-il exempt de changement de contexte à l’arrivée de la zone active sur tout composant d'interface utilisateur (M-16b) ? | Critère 7.5 [Bronze] Pour chaque script qui initie un changement de contexte, l'utilisateur est-il averti ou en a-t-il le contrôle ? |
À moins que la personne n’en soit informée avant d’utiliser un champ, tout champ de formulaire est-il conçu pour que tout changement de contexte ne puisse être effectué par la seule saisie d’information dans ce champ (SW-21a) ? Est-ce que tout élément de navigation ouvrant une nouvelle fenêtre est accompagné d’une icône avec un avertissement mentionnant l’ouverture de la fenêtre (SW-18j.1 et Annexe a-5d) ? Si tous les hyperliens d'une section d’une page Web ouvrent autant de nouvelles fenêtres, cette section fait-elle apparaître ce même avertissement sous l’en-tête de section correspondant (SW-18j.2 et Annexe a-5d) ? |
|
À moins que la personne n’en soit informée avant d’utiliser un champ, tout champ de formulaire est-il conçu pour que tout changement de contexte ne puisse être effectué par la seule saisie d’information dans ce champ (M-19a) ? Est-ce que tout élément de navigation ouvrant une nouvelle fenêtre est accompagné d’un avertissement mentionnant l’ouverture de la fenêtre (M-16i.1) ? |
Critère 13.3 [Bronze] Dans chaque page Web, l'ouverture d'une nouvelle fenêtre ne doit pas être déclenchée sans action de l'utilisateur. Cette règle est-elle respectée ? |
La comparaison entre les standards SGQRI et WCAG 2.0
Pour les changements de contexte, les standards SGQRI offrent une correspondance parfaite avec les critères de succès 3.2.1 et 3.2.2 des WCAG 2.0. L'exigence demandant un avertissement avant l'ouverture d'une nouvelle fenêtre est l'application d'une technique recommandée supplémentaire pour ces deux critères de succès.
Un site Web qui applique les exigences des standards SGQRI est conforme aux critères de succès 3.2.1 et 3.2.2 des WCAG 2.0. Toutefois, un site Web qui applique les critères de succès 3.2.1 et 3.2.2 sans appliquer l'exigence sur l'avertissement pour l'ouverture d'une nouvelle fenêtre sera non conforme aux standards SGQRI.
Voir aussi :
- Comprendre la règle 3.2 [Prévisible]
- Comprendre le critère de succès 3.2.1 [Au focus]
- Comprendre le critère de succès 3.2.2 [À la saisie]
- Comprendre le critère de succès 3.2.5 [Changement à la demande]
Retour en haut de page