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



Documents pareils
Une création Socrates Internet accessible pour tous

Les Ateliers Info Tonic

GUIDE ÉDITORIAL SITES INTERNET. Auteur Version Motif de mise à jour A. Aubry 1.0 Création

I Récupération de l'identifiant

Projet d'accessibilité au multimédia.

Saiga Informatique Logiciel imuse Extranet usagers

Optimisation Web. Extra N

APPAREILS ACCESSIBLES

Responsive Web design, périphériques mobiles et accessibilité

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST

Pour un web accessible Convaincre tous les acteurs du web Jean-Marc Bassin Paris Web 14 novembre 2008

Exemple de charte d intégration web

Audit de site web. Accessibilité

Sommaire. Avertissement :

Silfid : Agence de création de site internet, formations et Conseils Retour sommaire

Le site officiel des élections au Grand-Duché de Luxembourg

Réservation de matériel

Présentation de la plateforme WINDCHILL. Invitation à rejoindre la plateforme

Support de formation «veille informationnelle» IED Dakar, mars 2014

Utiliser Freemind à l'école

Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite?

Manuel Utilisateur. Boticely

AGENCE DE COMMUNICATION INTERACTIVE LES POSTES CLEFS EN AGENCE WEB

Chapitre 2 Créer son site et ses pages avec Google Site

Audits UX et Performance! Valtech_!

CHAPITRE I INTRODUCTION CHAPITRE I E-COMMERCE. PLAN 1. Commerce électronique 2. Méthodologie de développement 3. Création de trafic

FACILE À SURFER. Accessibilité internet pour les personnes avec limitations cognitives Guide pour la création d interfaces internet simples à utiliser

ENT ONE Note de version. Version 1.10

Nouveautés de la version moodle 2.7

Les outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux. Certains sont gratuits.

Automatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs

Consulter le Modèle d Accessibilité de référence. Le modèle a considéré quatre types de diversité fonctionnelle :

Maîtrisez votre Navigateur

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

pcon.planner 6 Préparer et présenter une implantation en toute simplicité

Correction des Travaux Pratiques Organiser son espace de travail

Certificats de signature de code (CodeSigning)

NAVIGATION SUR INTERNET EXPLORER

Le Web et Internet. A. Historique : B. Définitions : reliés entre eux via un système d interconnexion.

VTigerCRM. CRM : Logiciel de gestion des activités commerciales d'une (petite) entreprise

FORMATION MULTIMÉDIA LVE

Drupal : quelques fonctionnalités (ce qu il permet, ce qu il ne permet pas)

Groupe Eyrolles, 2003, ISBN : X

Tutoriel Inscription et utilisation basique d'un blog hébergé chez Blogger.com

Notes pour l utilisation d Expression Web

Découvrir et bien régler Avast! 7

Introduction à Expression Web 2

Formation Webmaster : Création de site Web Initiation + Approfondissement

Utilisation de l'outil «Open Office TEXTE»

L ORDINATEUR FACILE D ACCÈS!

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons

Créer une application de livre interactif pour tablette avec Indesign CS6 et Adobe Digital Publishing Suite

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var Tel : bij@agasc.fr Word: Les tableaux.

Packs Graphiques. Comparez nos offres! Chrome Silver Gold Platinum Appel non surtaxé. Comment choisir votre pack? Design.

Utilisation de l éditeur.

Norme d accessibilité pour l information et les communications. Comment rendre votre site Web plus accessible

CHARTE DE L INTERNET DE L ETAT. Avant-propos

Cyberclasse L'interface web pas à pas

Paramétrage des navigateurs

Sommaire. -1-Computer en bref. Web en bref. Le web 3.0,...la mobilité. Evolution du Web web1.0, web2.0, web2.b, web3.0...

Fiche n 14 : Import / Export avec PlanningPME

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Les différentes étapes à suivre pour la création d un feuillet


Présentation des équipements d accessibilité dans les gares et les trains

Mai Médiathèque «Les Trésors de Tolente»

Création d un document PublishView

La Clé informatique. Formation Internet Explorer Aide-mémoire

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Bien travailler sur plusieurs écrans

Test de performance des «agents-utilisateurs» a l e gard de la spe cification WAI-ARIA

Allumer/éteindre l'ordinateur Découvrir le bureau, le menu démarrer Manipuler la souris, le clavier Lancer une application

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Navigateurs Firefox / Chrome / IE / Safari et les autres

Informations sur l utilisation du webmail du CNRS. Webmail du CNRS. Manuel Utilisateur

Table des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture

Présentation du Framework BootstrapTwitter

GUIDE D UTILISATION DU TABLEAU BLANC INTERACTIF EBEAM EDGE

A la découverte d'internet Explorer 8

SUPPRIMER SES COOKIES

ESPACE COLLABORATIF. L Espace Collaboratif : votre espace de partage entre acteurs régionaux

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE

SCM Fournisseurs de services et délégués Matériel de formation à l intention des utilisateurs Nouveau-Brunswick, Canada

Guide de conception et de réalisation de sites accessibles avec les solutions Microsoft

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

Forum Poitou-Charentes du Logiciel Libre

INTERNET, C'EST QUOI?

Cette fonctionnalité est paramétrable et accessible dans le module administration via le menu "Dossier / Administration".

Nouveau Web Client marquant, Cumulus Video Cloud, optimisations de la base de données, et plus..

Exercice interactif : hotpotatoes.

Guide pour sécuriser votre PC avec Kiosk Internet et Windows Seven

ASP Journal Alert Guide d utilisation

!" #$%&'(&)'*'+,--./&0'1&23,+2.)$4$%52'&%'6.%&2'

24h/24 et 7j/7, les cours de formation en ligne sur les logiciels ONAYA

Dans la série. présentés par le site FRAMASOFT

Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5

Transcription:

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...