Concevoir des interfaces
      pour les seniors:
   enjeu essentiel pour les
  informaticiens de demain

         Isabelle MOTTE

            FUNDP
           Juin 2010

Licence Creative Commons by-nc-sa
Accessibilité

Votre définition ?
« L'accessibilité du Web
 est la problématique de l'accès aux
    services et contenus en ligne
pour les handicapés et les seniors. »


            Wikipedia, 11/06/10
  Définition inspirée des standards W3C
« L'accessibilité du Web
 est la problématique de l'accès aux
    services et contenus en ligne
pour les handicapés et les seniors. »


            Wikipedia, 11/06/10
  Définition inspirée des standards W3C
« Mettre le web et ses services à la
 disposition de tous les individus, quel
 que soit leur matériel ou logiciel, leur
   infrastructure réseau, leur langue
maternelle, leur culture, leur localisation
   géographique, ou leurs aptitudes
       physiques ou mentales. »

              Tim Berners-Lee,
        inventeur du World Wide Web
Pourquoi s'intéresser aux seniors ?

Simulation de l'évolution de la population
Les difficultés des seniors
       sur le web ...


Quelques idées à priori ?
Les difficultés des seniors
          sur le web ...
Problèmes de vue     Problèmes d'ouïe




Problèmes moteurs   Problèmes cognitifs
Une vidéo de sensibilisation ...


     Senior Web Surfer
         Vidéo réalisée par
        Monique Noirhomme
          et Isabelle Motte
     Production SAVE – FUNDP
Une revue de la littérature sur
 l'accessibilité web des seniors
et quelques conseils concrets ...
Problèmes de vue

              Presbythie
         = viellissement de l'oeil

              100% des +50

            Conséquences :
      diminution de l'acuité visuelle
diminution de la perception des couleurs
diminution de la sensibilité aux contrastes
Problèmes de vue

               Cataracte
              = effet de halo

             40% des 50-65
             90% des 75-85

            Conséquences :
      diminution de l'acuité visuelle
diminution de la sensibilité aux contrastes
augmentation de la sensibilité à la lumière
Difficultés
              et recommandations
1. Difficulté pour lire des polices de petite
  taille et les polices spéciales
  => pouvoir agrandir les polices
  => utiliser des polices sans-sérif
  => éviter les polices spéciales
  => produire du texte aéré
  => éviter le texte dans les images
2. Difficulté de perception des couleurs
  => pouvoir utiliser l'interface sans couleurs
  => cibler un haut taux de contraste (7:1)
     (pour Firefox : Colour Contrast Analyser)
Difficultés
              et recommandations
3. Difficultés à distinguer les éléments
  cliquables
  => prévoir des libellés de liens clairs
  => éviter les images réactives
  => réserver le bleu et le souligné pour la mise
  en forme des liens
4. Difficultés à saisir le message des éléments
  animés
  => prévoir un équivalent texte ou audio pour les
  éléments animés
  => permettre à l'utilisateur de contrôler les
  éléments animés
Problèmes d'ouïe



Diminution de l'acuité auditive

         50% des +60
Difficultés
             et recommandations
5. Difficulté pour saisir le message des
  ressources audio
  => prévoir un équivalent textuel au contenu
  audio
Problèmes moteurs


                  Arthrose
= dégénérescence du cartilage des articulations

                 50% des +65

               Conséquences :
           mouvements douloureux
  diminution de la précision des mouvements
Difficultés
              et recommandations
6. Difficulté pour faire une visée précise avec
  la souris
  => préférer les menus statiques
  => éviter le scroll horizontal
  => afficher les informations essentielles sans
  demander de scroll vertical
  => mettre une marge autour des éléments
  cliquables pour éviter les erreurs
  => élargir la zone cliquable au de là du bouton
  dessiné ou du texte
Problèmes cognitifs


             Vieillissement

               Conséquences :
   traitement de l'information plus difficile
           diminution de l'attention
  difficultés face à des tâches complexes
   diminution de la mémoire en contexte
diminution des capacités spacio-temporelles
Difficultés
             et recommandations
7. Difficultés d'orientation
  => prévoir un menu de navigation cohérent
  et identique sur toutes les pages
  => prévoir un fil d'Ariane
  => prévoir un plan du site
  => prévoir un moteur de recherche efficace
  => afficher les liens visités en rouge
  => éviter d'ouvrir de nouvelles fenêtres ou
  onglets
Difficultés
              et recommandations
8. Difficultés pour détecter et utiliser les
  mécanismes de navigation
  => utiliser des libellés de liens simples,
  complémentaires et exclusifs
  => structurer l'information avec un faible niveau
  d'arborescence
9. Difficulté pour extraire le message
  important d'une page
  => structurer l'information sur chaque page
  de manière visuelle
Difficultés
             et recommandations
10. Difficultés pour utiliser les « nouveautés »
 technologiques
 => proposer une aide et des feedbacks
 clairs pour chaque action et erreur
 => utiliser un vocabulaire peu technique
 => rendre le site utilisable sans les dernières
 technologies (scripts et plugins)
Les standards
      en matière d'accessibilité
Le W3C vient d'adapter les web Accessibility
Guidelines pour prendre en compte les
difficultés des seniors
             WCAG1 => WCAG2


=> Il faut intégrer l'idée que
   les standards évoluent !
La législation et les standards
       en matière d'accessibilité
Aujourd'hui, c'est un patchwork ...
●   L'accessibilité est une préoccupation
    essentielle dans la législation de certains pays
    et n'est pas considérée dans d'autres;
●   Lorsqu'une législation existe, elle fait souvent
    référence aux WACG1, parfois aux WCAG2 et
    parfois à un autre standard local.
●   Peu de pays intègrent les seniors comme
    groupe cible privilégié.
La législation et les standards
   en matière d'accessibilité
En Europe, les pays de la CEE se sont
engagés à « faire des efforts » d'ici 2010 ...
Les politiques en matière d'accessibilité
émergent mais avec une sensibilité très
variable.
Les seniors commencent à être considérés
comme groupe cible privilégié.
En Belgique, les prescriptions actuelles
concernent uniquement les administrations et
les grands sites publiques.
Conclusions
●   Les seniors seront un public cible privilégié
    des services en ligne de demain;
●   Des recommandations pour développer des
    interfaces adaptées aux seniors existent dont
    les célèbres WCAG2 du W3C;
●   La législation devrait suivre en privilégiant la
    référence aux standards W3C car les standards
    évoluent.
Paraîtra très prochainement ...
« The senior web accessibility : the laws, the
       standards and the practices »
 par Isabelle Motte et Monique Noirhomme
                dans le livre




         Plus d'infos sur le livre ...

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain

  • 1.
    Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain Isabelle MOTTE FUNDP Juin 2010 Licence Creative Commons by-nc-sa
  • 2.
  • 3.
    « L'accessibilité duWeb est la problématique de l'accès aux services et contenus en ligne pour les handicapés et les seniors. » Wikipedia, 11/06/10 Définition inspirée des standards W3C
  • 4.
    « L'accessibilité duWeb est la problématique de l'accès aux services et contenus en ligne pour les handicapés et les seniors. » Wikipedia, 11/06/10 Définition inspirée des standards W3C
  • 5.
    « Mettre leweb et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » Tim Berners-Lee, inventeur du World Wide Web
  • 6.
    Pourquoi s'intéresser auxseniors ? Simulation de l'évolution de la population
  • 7.
    Les difficultés desseniors sur le web ... Quelques idées à priori ?
  • 8.
    Les difficultés desseniors sur le web ... Problèmes de vue Problèmes d'ouïe Problèmes moteurs Problèmes cognitifs
  • 9.
    Une vidéo desensibilisation ... Senior Web Surfer Vidéo réalisée par Monique Noirhomme et Isabelle Motte Production SAVE – FUNDP
  • 10.
    Une revue dela littérature sur l'accessibilité web des seniors et quelques conseils concrets ...
  • 11.
    Problèmes de vue Presbythie = viellissement de l'oeil 100% des +50 Conséquences : diminution de l'acuité visuelle diminution de la perception des couleurs diminution de la sensibilité aux contrastes
  • 12.
    Problèmes de vue Cataracte = effet de halo 40% des 50-65 90% des 75-85 Conséquences : diminution de l'acuité visuelle diminution de la sensibilité aux contrastes augmentation de la sensibilité à la lumière
  • 13.
    Difficultés et recommandations 1. Difficulté pour lire des polices de petite taille et les polices spéciales => pouvoir agrandir les polices => utiliser des polices sans-sérif => éviter les polices spéciales => produire du texte aéré => éviter le texte dans les images 2. Difficulté de perception des couleurs => pouvoir utiliser l'interface sans couleurs => cibler un haut taux de contraste (7:1) (pour Firefox : Colour Contrast Analyser)
  • 14.
    Difficultés et recommandations 3. Difficultés à distinguer les éléments cliquables => prévoir des libellés de liens clairs => éviter les images réactives => réserver le bleu et le souligné pour la mise en forme des liens 4. Difficultés à saisir le message des éléments animés => prévoir un équivalent texte ou audio pour les éléments animés => permettre à l'utilisateur de contrôler les éléments animés
  • 15.
    Problèmes d'ouïe Diminution del'acuité auditive 50% des +60
  • 16.
    Difficultés et recommandations 5. Difficulté pour saisir le message des ressources audio => prévoir un équivalent textuel au contenu audio
  • 17.
    Problèmes moteurs Arthrose = dégénérescence du cartilage des articulations 50% des +65 Conséquences : mouvements douloureux diminution de la précision des mouvements
  • 18.
    Difficultés et recommandations 6. Difficulté pour faire une visée précise avec la souris => préférer les menus statiques => éviter le scroll horizontal => afficher les informations essentielles sans demander de scroll vertical => mettre une marge autour des éléments cliquables pour éviter les erreurs => élargir la zone cliquable au de là du bouton dessiné ou du texte
  • 19.
    Problèmes cognitifs Vieillissement Conséquences : traitement de l'information plus difficile diminution de l'attention difficultés face à des tâches complexes diminution de la mémoire en contexte diminution des capacités spacio-temporelles
  • 20.
    Difficultés et recommandations 7. Difficultés d'orientation => prévoir un menu de navigation cohérent et identique sur toutes les pages => prévoir un fil d'Ariane => prévoir un plan du site => prévoir un moteur de recherche efficace => afficher les liens visités en rouge => éviter d'ouvrir de nouvelles fenêtres ou onglets
  • 21.
    Difficultés et recommandations 8. Difficultés pour détecter et utiliser les mécanismes de navigation => utiliser des libellés de liens simples, complémentaires et exclusifs => structurer l'information avec un faible niveau d'arborescence 9. Difficulté pour extraire le message important d'une page => structurer l'information sur chaque page de manière visuelle
  • 22.
    Difficultés et recommandations 10. Difficultés pour utiliser les « nouveautés » technologiques => proposer une aide et des feedbacks clairs pour chaque action et erreur => utiliser un vocabulaire peu technique => rendre le site utilisable sans les dernières technologies (scripts et plugins)
  • 23.
    Les standards en matière d'accessibilité Le W3C vient d'adapter les web Accessibility Guidelines pour prendre en compte les difficultés des seniors WCAG1 => WCAG2 => Il faut intégrer l'idée que les standards évoluent !
  • 24.
    La législation etles standards en matière d'accessibilité Aujourd'hui, c'est un patchwork ... ● L'accessibilité est une préoccupation essentielle dans la législation de certains pays et n'est pas considérée dans d'autres; ● Lorsqu'une législation existe, elle fait souvent référence aux WACG1, parfois aux WCAG2 et parfois à un autre standard local. ● Peu de pays intègrent les seniors comme groupe cible privilégié.
  • 25.
    La législation etles standards en matière d'accessibilité En Europe, les pays de la CEE se sont engagés à « faire des efforts » d'ici 2010 ... Les politiques en matière d'accessibilité émergent mais avec une sensibilité très variable. Les seniors commencent à être considérés comme groupe cible privilégié. En Belgique, les prescriptions actuelles concernent uniquement les administrations et les grands sites publiques.
  • 26.
    Conclusions ● Les seniors seront un public cible privilégié des services en ligne de demain; ● Des recommandations pour développer des interfaces adaptées aux seniors existent dont les célèbres WCAG2 du W3C; ● La législation devrait suivre en privilégiant la référence aux standards W3C car les standards évoluent.
  • 27.
    Paraîtra très prochainement... « The senior web accessibility : the laws, the standards and the practices » par Isabelle Motte et Monique Noirhomme dans le livre Plus d'infos sur le livre ...