les modes d'accès à internet et les aides techniques
TRANSCRIPT
Les modes d'accès à Internet et les aides
techniques
Les modes d'accès à l'Internet
Aveugles :• perception auditive et/ou tactile
Remarque / réorganisation du cortex visuel : Les techniques de neuro-imagerie ont montré que le cortex visuel des aveugles congénitaux est actif durant la lecture du Braille cette région est réorientée vers le traitement de l'information lié avec le sens du toucher Région du cerveau activée également pour des tâches de mémorisation verbale
Source : Dr Ehud ZOHARY du Département de Neurobiologie de l'Alexander Silberman Institut des Sciences de la Vie de l'Université Hébraïque de Jérusalem http://typhlophile.com/medical/2003/10/00.shtml
Les modes d'accès à l'Internet
Mal-voyants :• utilisation du reste de vision
éventuellement complété par une perception auditive et/ou tactile
• diversité de pathologies avec des besoins spécifiques
Les outils d’aide technique d’accès au Web
Interfaces standards inadaptées (souris...) Outils d'accès complémentaires ou substitutifs :
• afficheur éphémère Braille
• et / ou lecteurs d ’écran (ou revues d'écran) en synthèse vocale (Jaws – Window Eyes…)
• logiciels d'agrandissement (/ 19-21 pouces)
• logiciels de reconnaissance vocale (ViaVoice, Dragon NaturallySpeaking)
• navigateur standard ou spécifique (Internet explorer, Firefox, BrailleSurf, Lynx, Opera)
Les outils d’aide technique d’accès au Web
Source : http://www.accessibiliteweb.com/en%2Dsavoir%2Dplus/pershan.htm
Aveugles : perception auditive et
tactile
Les outils d’aide technique d’accès au Web
Deux dispositifs d'interaction avec les pages Web : le clavier pour naviguer, la barrette Braille pour saisir des informations ou se positionner dans une autre zone de la page
Lecteurs d'écran ou revues d'écran• Jaws, Window Eyes, Hal … : restituent
vocalement le texte qui s'affiche à l'écran• Exemple de Jaws (Job Access With Speech):
permet l'accès aux logiciels (TdT, tableur …) ainsi qu'à l'Internet
synthèse vocale intégrée + fournit un support pour les équipements braille
Navigateur vocaux • Exemple : Home Page Reader d'I.B.M. :
conçu spécifiquement pour "lire" des pages Web
Les outils d’aide technique d’accès au Web
La barette Braille permet de :- situer le curseur dans l'écran
(contrairement au lecteur vocal qui ne dispose pas de curseur)
- percevoir l'orthographe des mots
Les outils d’aide technique d’accès au Web
La barette braille (20, 40, 80
caractères)
Les outils d’aide technique d’accès au Web
Transfère le texte généré par l'ordinateur en informations en braille (technologie d'embossage)
L'imprimante braille
Les outils d’aide technique d’accès au Web
Les logiciels d'agrandissement (magnifier)• agrandissent l'information apparaissant à l'écran
(exemple Zoomtext : de 2 à 16 fois)• permettent d'ajuster le contraste, les couleurs,
les polices de caractère et leur taille • peuvent être couplés à une synthèse vocale
(Jaws…)• Exemples : LunarPlus, Magic, Zoomtext
Coût de l’équipement pour un aveugle
Equipement PC grand public (en 2006) :
- + ou - 600 €
Equipement pour un aveugle (2006) :- 1 PC (souvent 1 portable) : 750 €
- 1 terminal Braille : entre 5000 et 12 000 €
(compter en moyenne 7 000 €)- 1 logiciel Jaws : autour de 1000 € *
soit plus de 10 fois + coûteux qu'une configuration standard
Internet et déficients visuels : la problématique
Internet & déficients visuels : problématique
Apparition du problème de lecture des contenus numériques sur ordinateur
• années 80 : affichage purement textuel => accessibilité totale (monde DOS)
• années 90 : apparition des fenêtres – interfaces graphiques : on passe du 1D au 2D => plages tactiles insuffisantes
Internet & déficients visuels : problématique
Caractéristiques de la lecture vocale /aveugles :
• perception auditive et non visuelle • séquentielle, linéaire : difficile de passer d'une partie de la page à l'autre (top to bottom) • fugace : une fois le texte lu, il n'est plus perçu• décontextualisée : référence aux objets graphiques impossibles (ils ne sont pas perçus)
…/…
Internet & déficients visuels : problématique
• Les lecteurs d'écran actuels (Jaws…) permettent un scan auditif remplaçant l'écrémage visuel
• le contenu n'est pas lu séquentiellement dans son intégrité (utilisateurs expérimentés)
• Comment ? : vitesse de lecture accélérée saut d'entête en entête saut de paragraphe en paragraphe lecture de chaque début de ligne, début de lien … saut de lien en lien ...
Internet & déficients visuels : problématique
Lecture vocale et lecture visuelle : 2 modes de perception très différents
• L'idéal : partir d'un contenu sémantique -> le décliner en fonction des différents modes de perception en se basant sur des modèles de dialogue.
• Mode lecture vocale : pas une simple transcription du contenu texte (lecture séquentielle) mais une forme de dialogue homme/machine
• Chaque modalité (vision, audition, toucher …) = un modèle de dialogue spécifique
Internet & déficients visuels : problématique
• Développer un système créer les sites Web en 2 phases :
1) création contenu Web interactif (sémantique) indépendamment de la modalité perceptive
2) transformation selon la modalité en fonction de modèles de dialogues spécifiques
Internet & déficients visuels : problématique
• Démarche actuelle :Contenu visuel de la page Web le rendre accessible
• Démarche préconisée :Contenu de base unique de la page Web déclinaison selon différentes stratégies de lecture basées sur des modèles de dialogue interactif
Biblio : “Usable Accessibility” to the Web for blind UsersNicoletta Di Blas1, Paolo Paolini1, Marco Speroni2
Internet & déficients visuels : problématique
Accès au Web : une charge mentale plus importante
• Personnes "voyantes" : l'énergie mentale est partagée entre 2 systèmes : le navigateur et le site web
• Personnes aveugles ou malvoyantes: l'énergie mentale est partagée entre 3 systèmes : le navigateur, le site Web et la technologie d'assistance (le lecteur d'écran ou l'agrandisseur)
=> nécessité d'un bon modèle mental de ces systèmes
Internet & déficients visuels : problématique
Maîtrise insuffisante de la technologie d'assistance (projet avec 16 aveugles *):
• La plupart utilisent régulièrement la liste des liens (Insert-F7) : saut de lien en lien
• Quelques uns vérifient le titre de la fenêtre (Insert-T)
• Quelques uns utilisent la liste des entêtes (Insert-F6) ou sautent d'entête en entête (H au clavier)
…/…
*Référence : Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers Mary Frances Janice (Ginny) Redish, USA
Internet & déficients visuels : problématique• Aucun n'a utilisé la commande Jaws N pour
sauter les liens• Aucun n'a sauté directement au formulaire
d'une page• Un seul, un formateur, a utilisé le
visualisateur virtuel (Insert-F1) affiche la description d'une page Web, nombre d'entêtes, de tables de liens et d'autres éléments affichés
…/…
Internet & déficients visuels : problématique• La moitié des utilisateurs seulement a
compris la fonction du lien "sauter la navigation" = attention au jargon Web ou informatique pas toujours accessible ! (utiliser plutôt l'expression : "aller au contenu" + explicite)
• Stratégie alternative observée pour sauter la navigation : positionnement en fin de page et lecture en commençant par la fin
Internet & déficients visuels : problématique
Limites des lecteurs (ou revues) d'écran• Enormes progrès /synthèses vocales mais
certains mots encore mal prononcés - Exemple Jaws anglais : homepage prononcé hommapodge
• Problèmes de prononciation des abréviations, acronymes …
• Support très limité de certaines technologies : javascript, applets, …
• Fonction de recherche (ctrl F de Jaws) ne boucle pas : part de la position curseur jusqu'à fin du document
• Etc …
Internet & déficients visuels : problématique
Problèmes rencontrés sur le Web /aveugles:
• navigation difficile – problèmes de repérage
- titre des pages non ou mal renseigné - trop de liens, souvent mal labellisés - pas d'information sur les liens qui font quitter le site - éléments graphiques utilisés pour la navigation - structuration des pages non cohérente sur l'ensemble du site
../..
Internet & déficients visuels : problématique
- arborescence trop complexe (trop de niveaux en profondeur) - densité d'information trop importante - fenêtres popup qui désorientent l'utilisateur - impossibilité de passer de paragraphe en paragraphe - problème de répétition des liens de menu de page en page
Internet & déficients visuels : problématique
Problèmes rencontrés sur le Web /aveugles:
• accès à l'information difficile - perte d'information
- la sémantique liée aux éléments graphiques et à la présentation de la page sont perdus s'ils ne sont pas complétés par du texte
- tableaux de données non labellisés donc incompréhensibles
- texte inclus dans une image perdu car non interprétable
- technologies rendant invisible l'information : Flash (avant version MX), Javascript ...
Internet & déficients visuels : problématique
• perception difficile de l'organisation des données
- réassemblage des différents éléments d'une page Web difficile voir impossible
problème des éléments graphiques non perçus
séquence des éléments HTML non cohérente en vocal : perte du contexte graphique associé au contenu textuel
Internet & déficients visuels : problématique
Problèmes rencontrés sur le Web /aveugles :
• interactions difficiles voire impossibles - cas d'absence d'alternative à l'utilisation de la souris - zones de saisie non labellisées - utilisation de liens dans les images (liens carte-image)
• charge mentale trop importante - pages trop chargées => mémorisation difficile - trop de liens - certains éléments du code HTML lus mais sans utilité pour l'auditeur (exemple : descriptions d'éléments de décoration comme les puces)
Internet & déficients visuels : problématique
Problèmes rencontrés sur le Web /mal- voyants :
• perturbations dans la perception visuelle - animations, clignotements, défilements, Flash, images surgissantes (popups)
• information mal ou non perçue - combinaisons de couleurs incorrecte et/ou contraste insuffisant entre fond d'écran et texte - présence de motifs en arrière-plan
Internet & déficients visuels : problématique
Conséquences :• Perte de temps• Perte d'information• Fonctionnalité ou service offert par le site
inutilisable• Fatigue visuelle (malvoyants)• Fatigue mentale (aveugles)
=> abandon de la consultation du site ou même abandon de l'utilisation du Web
Introduction à l'accessibilité du Web
Accessibilité : définition générale
Objectif de l'accessibilité :
• Supprimer les barrières qui empêchent lespersonnes à capacités réduites de participer auxactivités essentielles de la vie, incluant l'accèsaux services, l'utilisation des produits et l'accès àl'information.
Accessibilité des interfaces Objectifs de l'accessibilité
appliquée aux interfaces : • l'outil doit s'adapter aux caractéristiques de
l'utilisateur (et non l'utilisateur qui s'adapte aux défauts de conception de l'outil).
• concevoir les interfaces pour qu'elles soient accessibles a priori, et non compter sur des moyens techniques pour donner aux déficients visuels la possibilité de contourner un mauvais niveau d'accessibilité.
Accessibilité : définition appliquée au Web
L'accessibilité du Web, c'est
• « 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, directeur du W3C et inventeur du World Wide Web
Accessibilité : définition appliquée au Web
Accessibilité du Web * :
• Un site Web accessible est un site auquel il estpossible d'accéder de façon équivalente, quels quesoient l'interface, le navigateur ou la plate-formed'accès utilisés. En particulier un site Web accessibleest compatible avec les options de personnalisationdu logiciel de navigation ou de lecture du document.
*Source : Braillenet http://www.braillenet.org/accessibilite/guide/access.htm
Accessibilité : définition appliquée au Web
Accessibilité du Web * :
• Quiconque utilisant n'importe quelle technologie de navigation doit pouvoir visiter n'importe quel site et avoir une pleine et complète compréhension de l'information contenue ainsi qu'une pleine et complète capacité d'interagir avec le site.
* Source : starling access service http://www.starlingweb.com/webac.htm
Accessibilité du Web
L ’accessibilité du Web inclut :
• l’accès au site (page d ’accueil)
• la navigation (menus)
• l’accès à l ’ensemble des informations
• l’accès aux fonctions interactives (formulaires...)
Les acteurs de l'accessibilité dans le
monde• Les recommandations et les outils du W3C/WAI *
• Aux USA : lois ADA section 508 les pages Web publiées par les agences fédérales (= service public), doivent être accessibles aux personnes handicapées.
Jurisprudence du 08/09/2006 : les sites commerciaux en ligne doivent également être accessibles (conformité aux lois ADA) **
* http://w.w.w. Consortium - Web Accessibility Initiative - http://www.w3c.org/wai** http://www.mindshare.net/news/2006/09/08/federal-court-rules-online-businesses-must-comply-with-ada-mindshare-interactive-campaigns-advises-accessibility-audits/
• En Europe : plans e-europe 2002, 2005, i-Europe 2010 (e-inclusion – "a European society for all") - système européen de labellisation des sites à l'étude *
• En France : gouvernement, INRIA, Braillenet ...
* http://www.support-eam.org/waec/fr/04_certification_fr.html
Les acteurs de l'accessibilité dans le
monde
En Europe : schéma d'harmonisation à fin
2006• Les sites publics doivent être accessibles.• Les règles à appliquer sont celles du W3C/WAI
(WCAG 1.0 niveau AA)• La méthode d’évaluation à utiliser à terme est
UWEM (UWEM 1.0 actuellement)• La mise en place d’un mode de contrôle
(certification suivant le CEN Workshop - COMITÉ EUROPÉEN DE NORMALISATION) propose une Marque de Qualité pour l'accessibilité du Web
• Les législations nationales doivent intégrer cette obligation d’accessibilité
Le cadre légal en France• Loi n° 2005-102 du 11 février 2005 pour
l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées :
… les recommandations internationales pour l'accessibilité de l'internet doivent être appliquées pour les services de communication publique en ligne …
L’accessibilité : intérêt financier
Pour des raisons financières• Un marché qui ne cesse de croître (handicap –
vieillissement) : pouvoir d'achat globalement important
• Un site plus accessible est souvent plus utilisable pour tous les internautes et donc plus rentable
• Meilleur référencement des sites accessibles par les moteurs de recherche
…/…
L’accessibilité : intérêt financier
• Coûts de production réduits : gain en temps de développement (après initiation des développeurs)
• Mise à jour des sites beaucoup plus rapide• Gain en bande passante et stockage
(jusqu'à 50% pour une page)• Gains (estimés) qu'on peut attendre
d'un respect des standards : 20 à 25%.
Source : Braillenet - IBM : "The benefit of deploying Accessibility Standards for a Corporate Intranet: the IBM experience" : http://www.braillenet.org/colloques/policies/carves_paper.html
L’accessibilité : les seniors de plus en plus nombreux
50 ans et
plus : de 23%
en 1950 à 49% en 2050
L’accessibilité : raisons éthiques et légales
Pour des raisons éthiques• l'exclusion d'un grand nombre de nos concitoyens du fait de leur handicap est inacceptable
Pour des raisons légales• la loi imposera de plus en plus le respect des règles en matière d'accessibilité
L’accessibilité : accompagner l'évolution
technologique
Pour participer à l’évolution technologique
• développement de l'Internet mobile, multimodalité, interfaces adaptables et adaptatives développement de technologies favorables à l'accessibilité
L’accessibilité : les idées fausses
Un site accessible est en mode texte, esthétiquement laid et dépassé technologiquement : faux !
• l'aspect visuel n'est pas impacté par la mise en conformité avec les règles en matière d'accessibilité (sauf si contraire aux règles ergonomiques applicables à tous)
Voir l'exemple ci-après d'un site en "Flash" accessible : http://www.jkrowling.com/
Site en Flash accessible
L’accessibilité : les idées fausses
Un site accessible est seulement utile aux handicapés : c'est faux ! Un site accessible est utile à tous car c'est un site :
• bien conçu, • dont la navigation est simple et cohérente, • dont l'accès à l'information est facile • dont le codage est respectueux des
standards HTML Une recherche menée en UK en coopération avec la Disability Rights Commission montre que les visiteurs (handicapés ou non) passent 35% moins de temps à naviguer sur des sites accessibles.
Résumé des avantages de l'accessibilité
• Respect de tous les visiteurs • Assurance d'un rendu conforme • Facilité de maintenance • Coûts de la maintenance réduits • Possibilité de reprendre le code par n'importe qui • Pérennité du site • Non assujettissement à des technologies
propriétaires • Le site reste visible quelque soit l'outil de navigation
utilisé • L'aspect du site est simple et rapide à modifier • Le visiteur s'approprie plus facilement le site
Source : http://www.acces-pour-tous.net/
Sites label d'or accessiweb *
www.pixfl.com/www.adapei70.org/www.equallia.com/www.cr-languedoc-roussillon.frwww.eolas.frwww.legrandchalon.frwww.integrance.fr/
* Centre de ressources et de recherche sur l'accessibilité du Web
Comment rendre les sites accessibles ?
Recommandations
Que devons-nous faire ? Comment ?
Prise en compte de l’accessibilité à tous les stades de développement
Des recommandations sont disponibles
Des outils sont disponibles
Comment rendre les sites accessibles ?
En permettant une transformation élégante des pages :
• aucune perte d’information en cas de changement d’environnement (O.S., résolution écran...)
• toute information doit être disponible sous forme de texte (sous-titrage des vidéos…).
• les pages Web doivent pouvoir être interprétées par divers appareils (PDA …)
Recommandations générales Respecter les standards du W3C
• pas de balises propriétaires (layers …)• ne pas détourner les éléments HTML de
leur utilisation initiale (ex: H1)Remarque : IE est trop permissif et accepte du HTML incorrect et des balises non standards => problèmes pour certains navigateurs textuels
Utiliser XHTML pour les nouveaux sites (DTD de XML, balisage HTML)
Recommandations générales Utiliser les feuilles de style (CSS pour
HTML / XHTML ou XSL pour XHTML)• Séparer le contenu et la présentation
http://www.csszengarden.com/
Si la transformation élégante n’est pas possible (et seulement dans ce cas), faire une version texte du site
Recommandations générales Organisation : clarté - simplicité -
cohérence Navigation : fournir des mécanismes Contenu : ne pas surcharger les
pages
(Voir cours sur l’ergonomie du Web)
Recommandations générales :
critères du W3C
Perceptible : s'assurer que le contenu puisse être perçu par tout utilisateur (problème des images sans équivalent textuel ...)
Utilisable : s'assurer que les éléments d'interface du contenu soient utilisables par tout utilisateur (utilisation de la souris impossible pour D.V., tableaux mal balisés ...)
Recommandations générales :
critères du W3C
Compréhensible : rendre le contenu et les contrôles compréhensibles par autant d'utilisateurs que possible (indiquer les changements de langue pour les utilisateurs de synthèse vocale ...)
Robuste : utiliser des technologies Web qui maximisent la capacité du contenu à fonctionner avec les technologies d'adaptation et les navigateurs actuels et futurs (respect des normes et standards).
Moteur de recherche interne
Attribut alt sur le logo et lien retour à
la page d'accueil
Exemples de mécanismes d'accessibilité
Repères de navigation
Exemple d'attribut d'accessibilité : "alt" sur le
logo
<img src="/images/SIT_BDEOLAS/logo_BD.gif" alt="Retour à l'accueil du site Business & Decision Interactive Eolas.">
L'attribut "alt" est lu
par le lecteur d'écran
TP recommandations Recherche de recommandations pour rendre le Web accessible aux déficients visuels :
- W3C / WAI : http://www.w3.org/WAI/- Accessiweb : http://www.accessiweb.org/- http://www.openweb.eu.org/accessibilite/- http://www.acces-pour-tous.net ...
• Distinguer les recommandations aveugles et malvoyants
• Les justifier
• Les classer par ordre de priorité
• Les catégoriser par type de "barrière"ou faites une proposition pour les catégoriser (on fonction de critères ergonomiques … ?)
FIN partie 1