accessibilité du web aux personnes mal-voyantes - veblog

accessibilité du web aux personnes mal-voyantes - veblog veblog liste de diffusion | contact  accueil > archives > web: ergonomie > l'accessibilité du web aux personnes mal-voyantes liens associés sur veblog.com ce sujet n'a jusqu'ici pas été vraiment abordé par veblog. vous noterez par ailleurs que ce site n'est hélas pas exemplaire en matière de respect des recommandations wai. il est décidément à reprendre de fond en comble... vb ailleurs sur le web la société visual friendly, dont sont issus les deux auteurs principaux de cet article, et qui édite le produit "label-vue" les recommandations de la "web accessibility initiative" (wai) braillenet offre de nombreuses ressources sur l'accessibilité handicap zéro, une autre association qui milite pour une meilleure accessibilité de l'information voir plus, portail pour personnes handicapées visuelles jakob nielsen, "beyond accessibility" l'accessibilité du web aux personnes mal-voyantes page créée le: 27/05/2002 réagir à cet article résumé: l'accessibilité du web aux personnes mal voyantes est parfois négligée par les maîtres d'ouvrages. cet article résume en une page les différents problèmes rencontrés par les personnes à vision altérée lorsqu'elles utilisent internet, et les solutions actuellement disponibles pour améliorer leurs conditions d'accès au réseau. introduction et précautions de lecture cet article a pour but de promouvoir un sujet trop souvent négligé par les maîtres d'ouvrage, à savoir l'accessibilité du web à tous. comme je ne dispose pas des compétences nécessaires pour traiter ce sujet essentiel, cet article est essentiellement l'oeuvre de jérôme ernu et didier garcia, que je remercie, et qui sont ergonomes pour le compte de la société visual friendly, spécialisée dans l'offre d'une solution améliorant l'accessibilité du web dénommée "label vue", et utilisée entre autres sur le site du premier ministre. le contenu de l'article est issu pour partie de leur expérience dans le domaine de l'accessibilité du web aux non- et mal-voyants, et pour partie des conclusions d'une étude d'utilisabilité conduite par leur société avec le laboratoire d'ergonomie informatique (lei) de l'université paris v. cette étude portait sur l'utilisabilité de sites web (essentiellement e-commerce) auprès de 70 personnes soit non-voyantes, ou mal-voyantes, ou à vision altérée par l'âge (séniors). ces sites étaient testés aussi bien dans leur version "normale" que traités au travers de technologies correctrices que nous évoquerons plus loin. vincent bénard i les enjeux de l'accessibilité il y a en france 275000 personnes non voyantes et 1.3 million de personnes souffrant de déficiences visuelles considérées comme handicapantes. pour ces personnes, pouvoir utiliser des services en ligne, notamment pour s'approvisionner ou accomplir des formalités administratives, constitue une promesse alléchante d'amélioration des conditions de vie. hélas, trop de sites posent à ces internautes un problème d'utilisabilité insurmontable, comme l'attestent de nombreuses enquêtes (braillenet-secteur public, jakob nielsen...). il convient donc de se demander ce qui pourrait être fait pour améliorer l'accessibilité et l'utilisabilité des sites web pour ces publics qui pourraient ainsi bénéficier vraiment des révolutions technologiques en cours. ii les types de déficiences visuelles observées les déficiences observées chez les mal voyants sont de plusieurs types. citons entre autres: hémianopsie affaiblissement ou perte de la vue dans une moitié du champ visuel de l'un, ou plus souvent, des deux yeux. vision altérée par hémianopsie   dmla la dégénérescence maculaire liée à l'âge est un véritable problème de santé publique, touchant plus d'un million de personnes en france. l'allongement de la durée de vie aboutit à une augmentation de cette maladie qui survient généralement à partir de 60 ans. concrètement, la dmla est la cause la plus fréquente de dégradations irréversibles de la vue des personnes âgées. la macula, située au pôle postérieur de l'oeil, est l'endroit où l'acuité visuelle est maximale. la rétine correspond au film d'une caméra; dans l'oeil, c'est elle qui capte les images à transmettre au cerveau. sa partie la plus sensible, celle qui nous permet une vision de précision, qui nous permet de lire, d'écrire, d'enfiler une aiguille, bref d'exécuter tout travail minutieux, c'est la macula. chez une personne diabétique, lorsque la rétine est atteinte, on parle de rétinopathie diabétique. vision altérée par dmla   glaucome le glaucome chronique est une maladie assez fréquente (1 à 2% de la population en france métropolitaine), touchant surtout les adultes après l'âge de 40 ans, mais pouvant également survenir chez l'enfant ou l'adulte jeune. vision altérée par glaucome   rétinopathie diabétique il s'agit d'une maladie grave de la vision, entraînant une destruction lente du nerf optique qui détériore insidieusement le champ visuel, avec menace de cécité en l'absence de traitement. vision altérée par rétinopathie diabétique   iii les problèmes rencontrés par les aveugles et les mal voyants sur internet: tout d'abord, la diversité des atteintes visuelles entraîne des besoins forcément différents. en effet, certains internautes peuvent avoir besoin de gros caractères si leur acuité visuelle est faible, d'autres de petits caractères si leur champ visuel est restreint, de contrastes forts s'ils ont des difficultés à les distinguer ou de couleurs particulières avec des contrastes faibles s'ils sont éblouis par des couleurs trop vives. enfin, dans une certaine mesure, nous avons tous des besoins visuels spécifiques, en fonction de circonstances particulières par exemple (fatigue visuelle importante à la fin d'une journée de travail) ou plus simplement à cause du vieillissement (diminution de la vision de près consécutive au durcissement de la rétine, processus qui commence aux alentours de 50 ans). l'étude "visual friendly-lei" a permis de classer en au moins 3 catégories les internautes pour lesquels la lisibilité des pages est primordiale, que l'on peut décrire de la façon suivante : catégorie 1 : ils sont juste " gênés " et souhaitent un meilleur confort de lecture. catégorie 2 : ils accèdent au contenu sans aide technique mais avec des difficultés. catégorie 3 : ils utilisent une aide technique sans laquelle ils ne pourraient pas accéder au contenu des pages. catégorie 1 - les internautes qui souffrent de gêne visuelle sont la plupart du temps simplement limités par des caractères trop petits qui ne peuvent être agrandis dans le navigateur. la majorité des personnes observées se contentent dans ce cas de mettre des lunettes ou de se plaindre (sans trouver de solution). ils peuvent néanmoins utiliser internet (pas toujours confortablement). certains utilisateurs chevronnés appliquent sur les sites des feuilles de styles personnelles mais obtiennent des résultats parfois étonnants (navigation qui se superpose au texte par exemple) qui peuvent nuire à la lisibilité globale. catégorie 2 - les internautes ayant des déficiences visuelles plus importantes sont souvent littéralement obligés de coller l'oeil à l'écran pour lire le contenu des pages. ils adoptent alors une posture particulièrement inconfortable entraînant une sollicitation importante des muscles du cou et du dos et engendrant fatigue et douleurs musculaires. certains internautes peuvent ainsi lire (difficilement) le contenu des pages, mais la plupart préfèrent utiliser des aides techniques adaptées qui diminuent les difficultés de lecture en grossissant fortement les pages et en modifiant les couleurs (inversion vidéo). les aides techniques disponibles ne permettent pas de réduire la taille des caractères, et les internautes ayant besoin de cette fonctionnalité doivent utiliser des navigateurs spécifiques (opera, mozilla). catégorie 3 - ces internautes, parmi lesquels on trouve les non-voyants, ne peuvent se passer d'outils particuliers pour accéder au contenu des sites web. ils doivent se procurer un certain nombre de navigateurs, synthèses vocales ou autres logiciels de lecture des sites. néanmoins la parfaite maîtrise de tous ces outils étant assez " coûteuse " (en termes cognitifs), les internautes non voyants conservent souvent longtemps une même configuration logicielle. on peut noter qu'un certain nombre de déficients visuels utilisant une aide technique sont tout de même obligés de se rapprocher fortement de l'écran pour lire des caractères qui ont été agrandis de manière importante. iv les réponses existantes aux problèmes d'accessibilité a) une fausse bonne idée : la "version texte" trop d'éditeurs de sites ont cru qu'il suffisait de proposer une "version texte" de leurs sites pour permettre aux non voyants d'accéder à leurs contenus via des appareils de synthèse vocale (cf. ci dessous). nous vous renvoyons à cette étude du frontend usability infocentre qui démontre qu'il n'en est rien et que la simple présence d'une version texte ne répond pas correctement au défi de l'accessibilité. b) les recommandations wai, et autres guides : le w3c (" world wide web consortium ") s'efforce de rédiger des recommandations concernant l'accessibilité du web. ces documents sont disponibles sur le site du wai (" web accessibility initiative " qui est une émanation du w3c) et sont constitués de recommandations que les concepteurs de sites peuvent suivre pour concevoir des sites accessibles au niveau technique. d'autres recommandations allant dans le même sens sont éditées par certaines associations de non-voyants, telles braillenet. nécessaires mais insuffisantes - ces indications ne sauraient à elles seules garantir l'accessibilité des sites aux personnes mal-voyantes. leur respect ne constitue qu'un préalable qui facilite l'usage des différents services et techniques exposés ci-après. c) les aides techniques agrandisseurs d'écrans : ces outils grossissent l'image qui s'affiche à l'écran et permettent également de changer le niveau de contrastes (par inversion vidéo). une page web traditionnelle voit ainsi sa taille multipliée aisément par 4 lorsqu'elle est " zoomée ", ce qui signifie que ce qui est visible à un moment donné à l'écran ne représente plus qu'un quart de la page totale. le grossissement de l'écran entraîne l'apparition de barres de défilement (horizontales et verticales) qui rendent la navigation et le repérage dans la page très vite difficile et pénible. l'internaute est obligé d'utiliser des points de repères du type " en haut à gauche " et de s'y référer (d'y revenir) à chaque fois qu'il se perd dans la page, c'est à dire très souvent.   lecteur d'écrans : il s'agit de synthèses vocales lisant mot à mot les lignes de l'écran qui composent la page web : elles débutent la lecture par le haut gauche de la page et " lisent " ainsi ligne par ligne comme ferait le lecteur d'un livre. la lecture de chaque nouvelle page affichée commence généralement par la lecture des différents liens de navigation que l'on retrouve en haut de chaque page alors que les internautes souhaiteraient trouver rapidement le contenu de la page, c'est à dire la partie qui les intéresse. cette phase de recherche peut être plus ou moins longue en fonction du nombre de choix proposés dans la navigation, mais elle est surtout répétitive et impose à l'internaute de déplacer son curseur très vite et presque au hasard à l'affichage de chaque nouvelle page pour éviter une lecture fastidieuse et aller à la partie qui l'intéresse: le contenu.   plage braille : il s'agit d'un outil qui se connecte sur l'ordinateur et qui transcrit le texte des pages web en braille à l'aide de picots rétractables mécaniques. l'utilisation de la plage braille est généralement couplée à la synthèse vocale. elle est fréquemment utilisée pour vérifier les données entrées dans les formulaires et pour les saisies de texte plus importantes (vérification de l'orthographe). c'est un support supplémentaire de lecture tactile pour " suivre " la synthèse vocale. ces aides techniques ont l'inconvénient d'être coûteuses (même si des aides publiques existent pour les financer) et augmentent la courbe d'apprentissage de ces matériels (cf. résultats des tests, plus loin dans l'article). aussi des moyens différents, reportant la charge de l'adaptation sur les éditeurs des sites, ont été développés: ce sont les "réorganisateurs d'interfaces". d) les services de "réorganisation d'interface" (en attendant qu'un nom générique plus vendeur s'impose... l'on parle parfois de "médiateur d'interface") bon nombre d'internautes souffrent de déficiences visuelles sans pour autant avoir le besoin, les moyens ou l'envie d'utiliser les aides techniques décrites ci-dessus. ils ont " simplement " besoin de corrections au niveau de l'affichage, et de confort de lecture supplémentaire. contrairement aux aides techniques qui ont les limites que nous venons de voir, des services basés sur la réorganisation "à la volée" des interfaces des sites web selon des paramètres propres à chaque utilisateur permettent à l'internaute de régler ses paramètres de lisibilité très facilement et ensuite de les conserver pour la navigation sur internet. la société visual friendly édite un de ces services, baptisé "label vue". ces outils permettent bien sur à l'internaute d'appliquer sa propre feuille de style (couleur de fond, couleur et taille des caractères, fontes) sur chaque site visité. mais s'ils ne faisaient que cela, ils ne seraient guère intéressants, les navigateurs proposant tous ce type de fonctions en standard. les services les plus avancés permettent de complètement réordonner ces contenus à l'écran : occupation de tout ou partie de l'espace écran, changement d'emplacement des menus ou de la fonction de recherche, voire même création de menus non prévus au départ par le site "pour voyants" si cela s'avère nécessaire. bien sûr, dans ce cas, l'installation d'un tel service nécessite un travail préparatoire de la part de la maîtrise d'ouvrage du site, réalisé en collaboration avec les ergonomes de la société éditrice du service. les modèles de pages utilisés ne sont pas le fruit du hasard mais sont issus de travaux de recherche ergonomiques spécifiquement orientés vers les publics à vision diminuée. un exemple: le site du premier ministre réorganisé avec un filtre configuré par mes soins. d'autres dispositions des éléments, d'autres choix colorimétriques auraient évidemment été possibles. par ailleurs, ces services de réorganisation d'interface, associés aux aides techniques décrites précédemment, permettent de limiter des phénomènes gênants tels que la pixellisation des polices et de standardiser les mises en page. les défilements sont limités puisque les caractères sont agrandis (ou diminués) par le service (le niveau de grossissement effectué par l'agrandisseur est alors moins important), les couleurs peuvent être définies précisément selon des besoins de l'internaute et non juste " inversées ", le repérage est facilité grâce à la mise en forme standardisée de l'information (position standard de la recherche par exemple ou du retour à l'accueil). quel est l'apport réel de ces différentes aides (techniques ou réorganisateurs d'interface) ? voyons maintenant les principales conclusions de l'étude vf-lei. v les conclusions de l'étude a) internautes déficients visuels une évidence tout d'abord : les internautes déficients visuels n'ayant pas besoin d'aides techniques ont moins de difficulté à surfer sur le web que les internautes déficients visuels qui sont obligés de les utiliser. a "expérience" équivalente, les aides techniques pénalisent l'utilisation d'internet par la multiplicité de manipulations supplémentaires qu'elles engendrent et par le temps plus important nécessaire à l'exploration des pages. le rapprochement physique de l'internaute et de l'écran implique des difficultés de repérage particulièrement importantes : la recherche d'information, l'exploration et la compréhension des pages est réellement difficile dans de telles conditions. on remarque également que les internautes déficients visuels ont tendance à choisir une taille de caractère au seuil de leur lisibilité. evidemment, ce seuil est très variable selon les déficiences mais pour des raisons personnelles (envie de montrer que sa vision n'est pas si catastrophique, analogie avec les tests ophtalmologiques), une taille de caractères plus grande que leur seuil de lisibilité est rarement choisie. b) internautes non voyants la principale difficulté que rencontrent les non voyants est le repérage dans un site qu'ils se " représentent " difficilement. ils perdent beaucoup de temps dans la recherche de l'information qui les intéresse et ils essaient par conséquent d'aller le plus vite possible, ce qui les amène à se perdre. a l'affichage de chaque nouvelle page, la lecture est fastidieuse et répétitive (liens de navigation à relire systématiquement). les non voyants essaient d'accéder au contenu plus rapidement (en sautant un certain nombre de lignes au hasard), au risque de " passer à côté " de l'information qui les intéresse. enfin il est intéressant de signaler les difficultés de configuration du matériel que nous avons rencontré. alors qu'il suffit à un voyant de s'asseoir face à un écran, d'avoir le clavier et la souris en main pour être opérationnel, un non-voyant doit connecter son matériel adapté (accès aux connecteurs sur la face arrière du pc, disposer des câbles ad hoc) puis procéder à une phase d'installation et de paramétrage particulièrement complexes qui peuvent le dissuader d'utiliser son matériel, seul, hors de son domicile. c) seniors les seniors ont essentiellement des difficultés liées à la lecture des caractères trop petits affichés dans les pages. la taille de ces caractères est trop souvent non modulable dans le navigateur du fait de l'utilisation de feuilles de style contraignantes (ndveblog. grave faute de conception !) ce qui gêne les internautes en général et cette population en particulier. les seniors sont particulièrement sensibles au travail graphique réalisé par les sites et regrettent de ne pas pouvoir bénéficier de la remise en page effectuée par les "réorganisateurs d'interface" tels que label-vue avec des caractères agrandis sur des sites conservant leur apparence graphique. enfin, ils apprécient le côté sobre des sites qui ne comportent pas d'images clignotantes ni " flashy ". d) les besoins identifiés au regard des résultats de cette étude, l'on constate de véritables besoins et attentes en terme de personnalisation de l'interface. les seniors sont particulièrement sensibles à la taille des caractères et au manque d'homogénéité entre les sites qui bien souvent les déroute dans leur navigation. mais pour eux, " l'identité graphique " d'un site reste importante et ils apprécient la diversité des sites. les besoins en lisibilité des déficients visuels sont multiples et variés, selon le type de déficience, selon l'aide technique utilisée, et peuvent être très précis (par exemple une couleur particulière étant très gênante). ils souhaitent également utiliser leur capital " vue " pour voir les images " utiles " et non pas accéder à des sites spécifiques sans images. les non voyants ont des besoins nécessairement différents d'une simple adaptation " visuelle " des pages. outre l'accessibilité technique des sites en fonction des outils d'aide utilisés, les non voyants ont besoin de structures de pages adaptées à leurs déficiences : choix du positionnement des rubriques de navigation et position standard de la recherche par exemple. la stabilité du positionnement des éléments fonctionnels entre les sites est un point capital pour eux : ils ne doivent pas perdre de temps pour accéder à l'information qui les intéresse. par exemple, 90% des internautes non voyants " testés " ont spontanément commencé par chercher la zone de " recherche ". lorsqu'ils se " perdent " au sein de la page, ils utilisent " ctrl + o " qui est un raccourci leur permettant de retourner en haut de la page. c'est pourquoi il faut multiplier les astuces concernant le repérage dans les pages pour ces internautes. e) réorganisation des pages la réorganisation des pages a particulièrement été appréciée par les internautes déficients visuels, les internautes non voyants mais aussi par les internautes seniors. la stabilité entre les sites induite par l'utilisation de services tels que label vue apporte une plus grande facilité de repérage et facilite la découverte de sites nouveaux : les fonctionnalités de même type sont toujours regroupées au même endroit (navigations, recherche, contenu) et sont donc aisément repérables. les modèles de mise en forme de ces pages ont été conçus par des ergonomes avec comme objectif de simplifier la navigation sur les sites : les fonctionnalités les plus utiles et les plus utilisées sont alors clairement mises en avant. (ndveblog : les sites pour voyants devraient en prendre de la graine...) vi conclusion l'existence d'aides techniques ou de services de réorganisation d'interfaces ne doit pas faire perdre de vue aux éditeurs de sites que au préalable, la première étape pour réaliser des sites accessibles est de respecter des recommandations telles que celles du wai pour que leur version "normale" obéisse déjà à de bons standards d'accessibilité. cela constitue le "minimum vital" pour ne pas exclure des milliers de personnes de leur public. des services de réorganisation d'interface, (tels que label-vue), pourront utilement être adoptés par les promoteurs de sites qui auront à coeur d'aller au delà de ce service minimal pour proposer des sites aux pages intelligemment repensées et à l'utilisabilité optimisée pour de nombreux types de déficiences visuelles rencontrées.   liste de diffusion abonnez vous pour être prévenu(e) à chaque nouvel article de veblog respect de la vie privée, désabonnement : plus d'infos contact: vincent@veblog.com ©informations légales & vie privée accueil - haut de page statistiques par

accessibilité du web aux personnes mal-voyantes - veblog  Précédent 300  Précédent 299  Précédent 298  Précédent 297  Précédent 296  Précédent 295  Précédent 294  Précédent 293  Précédent 292  Précédent 291  Précédent 290  Précédent 289  Précédent 288  Précédent 287  Précédent 286  Précédent 285  Précédent 284  Précédent 283  Précédent 282  Précédent 281  Précédent 280  Précédent 279  Précédent 278  Précédent 277  Précédent 276  Précédent 275  Précédent 274  Précédent 273  Précédent 272  Précédent 271  Suivant 302  Suivant 303  Suivant 304  Suivant 305  Suivant 306  Suivant 307  Suivant 308  Suivant 309  Suivant 310  Suivant 311  Suivant 312  Suivant 313  Suivant 314  Suivant 315  Suivant 316  Suivant 317  Suivant 318  Suivant 319  Suivant 320  Suivant 321  Suivant 322  Suivant 323  Suivant 324  Suivant 325  Suivant 326  Suivant 327  Suivant 328  Suivant 329  Suivant 330  Suivant 331