FICHE 11

CONTROLE DE L'UTILISATEUR SUR LES CHANGEMENTS DU CONTENU

 

1.Rappel de la recommandation 7 des WCAG 1.0 :

" S'assurer que les fonctions permettant de faire bouger, clignoter, défiler ou mettre à jour automatiquement des objets ou des pages puissent être mises en pause ou stoppées. "

Points de contrôle 7.1 (Priorité 1) ; 7.2 (Priorité 2) ; 7.3 (Priorité 2) ; 7.4 (Priorité 2) ; 7.5 (Priorité 2)

Raisons de cette recommandation

Les animations perturbent la lecture : par réflexe, l'œil est attiré ce qui entraîne une gêne et une fatigue visuelle dans l'exploration des pages et du site. A l'extrême, certaines personnes souffrant d'épilepsie causée par une sensibilité particulière à la lumière peuvent avoir des crises déclenchées par des scintillations ou des clignotements.

Certaines personnes ont des difficultés à lire un texte lorsqu'il bouge. Les mouvements peuvent causer une telle distraction que le reste de la page peut devenir illisible pour des gens souffrant d'un handicap cognitif. Les logiciels de lecture d'écran ne peuvent lire un texte en mouvement. Certaines personnes souffrant d'un handicap physique pourraient ne pas être en mesure de bouger suffisamment vite ou précisément pour interagir avec des objets en mouvement.

2. Ce qu'il faut faire

La règle générale

Il doit être possible de stopper ou mettre en pause les animations clignotantes, les textes défilants, etc.

Gifs animés

Un gif animé est une image contenant des informations en mouvement.
Technique : http://www.w3.org/TR/WCAG10-HTML-TECHS/#animated-images

Clignotements (mot ou dessin) et mouvements (texte défilant)

Textes défilants ou clignotant (ex : nouveau), auto-rafraichissements sont à proscrire. Il perturbe le champ visuel de l'internaute et provoque une gêne pour la prise de connaissance des autres informations.

Techniques à consulter :

http://www.w3.org/TR/WCAG10-CORE-TECHS/#video-information

Pour les effets de style de texte :
http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-text

Pour obtenir des applets accessibles :
http://www.w3.org/TR/WCAG10-HTML-TECHS/#accessible-applets

Pour les scripts engendrants mouvement et clignotement :
http://www.w3.org/TR/WCAG10-HTML-TECHS/#scripts-movement-blinking

Pour créer le mouvement à l'aide de feuilles de style :
http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-movement

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

  • Sur le site du Ministère de l'agriculture (www.agriculture.gouv.fr) l'actualité défile en continu. Cette information n'est pas accessible aux navigateurs ne traitant pas les scripts ou aux personnes ne pouvant pas lire les textes défilants.
  • Sur le site de la Préfecture d'Eure-et-Loir
    (    www.eure-et-loir.pref.gouv.fr), nous trouvons sur plusieurs pages des gifs animés. Une solution serait de proposer une alternative textuelle à ce gif (voir fiche Images).
  • La page d'accueil du site du Centre Français du Commerce Extérieur (www.cfce.fr) s'auto-rafraîchit régulièrement. Il serait préférable de supprimer cette fonction et de laisser l'utilisateur réactualiser cette page.

retour aux fiches