Magazine

La conception web pour dyslexiques

Publié le 10 janvier 2008 par Towanda

La conception web pour dyslexiquesTrois articles de Mel Pedley sont parus en Octobre et Novembre 2006, en anglais, sur un site traitant de l’art de l’accessibilité web.
Sachant que certaines statistiques annoncent 10% de dyslexiques en France, ces conseils nous concernent donc autant que nos amis webmasters britanniques.
Si vous avez fait un tour sur mon CV, vous pensez bien que ça ne pouvait pas en rester là : j’ai retroussé mes manches et me suis attelée à la traduction, rien que pour vous :-)
Le sommaire, histoire de vous donner envie de cliquer sur « lire la suite » :
Première partie : la dyslexie
Qu'est ce que la Dyslexie? La dyslexie ne concerne pas que la lecture ? Combien y a t-il de dyslexiques? Quels sont les effets de la dyslexie?
Seconde partie : les contrastes
L’arrière plan - Pourquoi ? Qu'en est-il des personnes ayant une déficience visuelle? Quelle est la solution? Qui est susceptible d'être lésé par la baisse des seuils de contraste? Qu'en est-il des utilisateurs ayant une déficience visuelle? Conclusions
Troisième partie : le contenu
La largeur de ligne - La hauteur de ligne - La taille de police - Le style de police - Justifié ou pas ? L’italique avec parcimonie - Les graphiques - Les zones de texte et les listes - Les abréviations - Les images animées – La surcharge informationnelle - La navigation du site - Simple et court - Les outils de lecture d’écran - L’orthographe - Autres questions

  • Première partie : la dyslexie

Voici la première d'une série de trois articles examinant les difficultés spécifiques d'apprentissage connues sous le nom de dyslexie et comment la conception de sites peut avoir un impact sur la capacité des personnes atteintes d'accéder à l'information sur les pages Web. Les besoins spécifiques des dyslexiques ont tendance à être éclipsés par les besoins plus largement compris des malvoyants. Malheureusement, les partis pris de conception web qui profitent à ce dernier groupe ont tendance à créer des problèmes pour les premiers. Ce n'est jamais plus évident que dans les pages soi-disant "accessibles" qui mettent l’accent sur un contraste élevé et une absence totale d'images et de couleurs.
Un des problèmes que j'ai rencontrés est que de nombreux développeurs de sites Web ont une compréhension de la dyslexie, et les difficultés qu'elle engendre, incomplète. Commençons donc par répondre à quelques questions au sujet de la dyslexie et de dissiper certaines croyances communes…
Qu'est ce que la Dyslexie?

Le mot «dyslexie» peut être décomposé en deux parties : "dys" signifiant difficulté et "lexia", lexique, langue. Ainsi les dyslexiques ont des difficultés avec les mots. Les théories actuelles donnent à penser que ce n'est pas un problème visuel, mais de décodage du mot, ou un déficit de la reconnaissance.
Notre capacité à reconnaître des mots doit être basée sur deux « compétences mnésiques » légèrement différentes – mémoire phonétique et mémoire lexicale. Les dyslexiques peuvent avoir une bonne mémoire phonétique - comme en témoigne leur tendance à épeler beaucoup de mots phonétiquement - mais une très mauvaise mémoire lexicale.
Avez-vous déjà fait des mots croisés, pensé que vous aviez la réponse à l'une des définitions, mais pas pu tout à fait vous souvenir de l’orthographie ? Il y a des chances que vous ayez griffonné sur un morceau de papier pour voir quelle version semblait correcte. Votre mémoire lexicale entrait en action.
Maintenant, imaginez que vous n'avez pas eu cette compétence de reconnaissance de la construction des mots. Chaque mot écrit que vous rencontreriez pourrait poser un nouveau défi et vous auriez du mal à le décoder à partir de zéro à chaque fois.
Il devrait être facile de voir pourquoi des outils tels que les vérificateurs d'orthographe et les dictionnaires ne sont pas d'une grande utilité à un dyslexique. Il y a de fortes chances qu'il / elle ne peut pas reconnaître l'"orthographe correcte", même quand elle leur est présentée.
La dyslexie ne concerne pas que la lecture ?

Non. Une certaine confusion vient du fait que le terme «dyslexie» est souvent utilisé simultanément pour désigner une difficulté de lecture et un groupe de difficultés d'apprentissage, dont la lecture parmi elles.
Par exemple, une personne peut souffrir de dysgraphie (écriture), dysorthographie (orthographe) et dyscalculie (chiffres), ainsi que de communs problèmes de mémoire à court terme, mais être capable de lire assez bien. Mais ils vont probablement être «catalogués», et se penser eux-mêmes, comme dyslexiques ayant des difficultés d'apprentissage qui sont propres aux symboles écrits d'un type ou d'un autre.
Il n'y a pas deux dyslexiques qui manifestent leur trouble de la même manière. Cela peut affecter de la même manière les garçons et les filles, dans toutes les classes socio-économiques du monde entier.
La British Dyslexia Association, BDA, définit la dyslexie comme :

« Une combinaison des capacités et des difficultés qui affectent le processus d’apprentissage dans un ou plusieurs domaines, la lecture, l'orthographe et l'écriture.
D'autres faiblesses peuvent être identifiées dans les secteurs de la vitesse du traitement, la mémoire à court terme, l’ordonnancement et l'organisation, la perception auditive et / ou visuelle, la langue parlée et les habiletés motrices. Elle est particulièrement liée à la maîtrise et l'utilisation de la langue écrite, qui peut inclure la notation alphabétique, numérique et de musicale ». British Dyslexia Association

La dyslexie n'est pas une maladie et ne peut être guérie - même si les stratégies peuvent être élaborées pour y travailler. Il s'agit d'une condition de vie et il vaut probablement mieux l’envisager comme une forme particulière de circuits du cerveau.
Combien y a t-il de dyslexiques ?
C'est difficile à estimer. Beaucoup de dyslexiques traversent la vie sans jamais avoir été diagnostiqués. Aussi, les chiffres varient d'une langue à l'autre.
Par exemple, on estime qu’il y a deux fois plus de dyslexiques au Royaume-Uni qu’en Italie. Ceci peut-être dû à une différence de complexité entre les deux langues écrites. L’italien écrit comporte 33 graphèmes (symboles écrits ou groupes de symboles) pour seulement 25 phonèmes (les sons des mots). En anglais, il y a 1120 graphèmes qui peuvent représenter 40 phonèmes. Ainsi, plus la langue écrite est complexe, plus grand est le pourcentage de chances d’avoir des personnes qui auront de la difficulté à lire. *
Ainsi 1 personne sur 10 au Royaume-Uni est dyslexique. Étant donné que la population actuelle du Royaume-Uni est d'environ 60,2 millions selon le National Statistics Online. Cela donne à penser que le nombre de dyslexiques au Royaume-Uni risque d'être d’environ 6 millions d'habitants.
Le nombre de personnes ayant une déficience visuelle au Royaume-Uni en avril 2005 a été estimé à 1,7 million selon le Chartered Institute of Library and Information Professionals. Ainsi, au Royaume-Uni, le nombre de dyslexiques est probablement au moins 3 fois supérieur à celui des utilisateurs ayant une déficience visuelle.
A l'échelle mondiale, il est probable que le nombre de dyslexiques est susceptible d'être égal, voire sensiblement plus grand que le nombre de personnes ayant un handicap visuel.
Quels sont les effets de la dyslexie?
Eh bien, c'est bien plus qu’avoir des problèmes de lecture des mots. Par exemple, une mauvaise mémoire à court terme et des troubles des capacités organisationnelles signifie que la navigation sur un site et l'organisation d’une page web sont devenues plus importante.
Le contraste des couleurs, que je vais aborder plus en détail dans un second article, peut avoir un impact majeur sur la lisibilité d'une page. Un problème spécifique, appelé «Syndrome sensibilité scotopique»**, peut rendre un texte au contraste élevé difficile ou impossible à lire. Les phrases que j'ai entendues le plus souvent sont : "le texte est en mouvement" ou "les mots semblent danser sur la page".  Mais la plupart des dyslexiques souffrent de plus d'une difficulté spécifique, à des degrés divers. En conséquence, il est difficile de trouver des chiffres précis quant au nombre de victimes de l'un des problèmes spécifiques.
Ce qui est généralement admis, c'est qu'il y a un certain nombre de facteurs inhérents à la conception de page Web qui, s'ils ne sont pas mis en œuvre, peuvent rendre le contenu de la page difficile à traiter et induire une fatigue rapide. Cette situation est susceptible d'être aggravée par la "fatigue des yeux" que tout le monde ressent à la lecture d’un texte sur un écran. Les dyslexiques ont déjà beaucoup d’efforts à fournir pour tout lire. Donc ils vont se fatiguer beaucoup plus vite. Une page Web peut être une recette pour provoquer extrême fatigue et frustration très rapidement.
Bon nombre des problèmes qui affectent les dyslexiques sera similaire à ceux qui doivent faire face à la fatigue - tels que le Syndrome de fatigue chronique ou d'épuisement engendré par un traitement de la douleur chronique.
Traiter ces questions, permettra non seulement de réduire les barrières spécifiques pour les groupes ci-dessus mais améliorera grandement la lisibilité d’une page web pour tous.

  • Seconde partie : les contrastes


Dans la première partie, nous avons examiné brièvement ce qu'est la dyslexie, et certains des problèmes génériques que les dyslexiques rencontrent lorsqu’ils surfent sur le Web. Dans cette partie, je vais me concentrer sur un sujet brûlant pour les dyslexiques : le contraste des couleurs. Vous pouvez également suivre les recommandations du W3C concernant les contrastes de couleurs, mais vous pourrez alors peut-être créer des problèmes pour au moins 10% des visiteurs de votre site.
L’arrière plan
Le Web Content Accessibility Guidelines 1.0 (WCAG) traite de la question des contrastes de couleurs (Point 2.2) :
 

"Veiller à ce que la combinaison des couleurs de premier et arrière plans fournisse suffisamment de contraste pour être visible par une personne daltonienne ou pour l’affichage sur un écran noir et blanc." W3C -


Il suggère également des algorithmes pour déterminer la couleur et la luminosité des couleurs et définit une différence de seuil "acceptable" dans chaque cas:
•    La gamme pour la différence de luminosité de couleur est de 125.
•    La gamme pour la différence de couleur est 500.
Toutefois, j’assure que, si vous répondez aux seuils W3C, vous pouvez créer des problèmes pour beaucoup de dyslexiques.
Pourquoi ?
Dans la première partie, j'ai décrit un trouble connu sous le nom de syndrome de sensibilité Scoptic. Ce syndrome peut rendre difficile à lire un texte au contraste élevé parce que les mots semblent constamment se déplacer dans la page.
Certes, il est difficile d'estimer le nombre de dyslexiques qui souffrent de ce syndrome spécifique. Cependant, les preuves empiriques suggèrent que, dès que vous réduisez le contraste des couleurs, les difficultés de lecture rencontrées par les dyslexiques sont atténuées, dans une certaine mesure, dans tous les domaines. Un exemple simple serait d'imprimer des épreuves en utilisant du texte noir sur du papier jaune, plutôt que du texte noir sur blanc. Cela donne à penser qu'un nombre important de dyslexiques souffrent d'une certaine forme de sensibilité au contraste.
Mes propres recherches indiquent que les contrastes adequats pour la lecture d'un écran par les dyslexiques sont significativement plus bas que les seuils recommandés par le W3C. Seuils de contrastes qui peuvent créer, et posent, de réels problèmes pour les dyslexiques.
Qu'en est-il des personnes ayant une déficience visuelle ?
J'estime qu'un minimum de contraste des couleurs est nécessaire pour les personnes ayant une déficience visuelle. Mais, d’après mon expérience, à peu près toutes les questions de conception de pages Web accessibles sont une question d'équilibre. Biaisez l'un quelconque des facteurs trop favorables à d'un groupe d'utilisateurs et vous risquez de défavoriser un autre groupe avec des besoins opposés.
Pourquoi le WCAG 1.0 s'intéresse exclusivement à l’élaboration de pages à «contraste suffisant», et ne dit rien à propos d’un possible grand nombre de dyslexiques qui sera à coup sûr handicapé par de forts contrastes.
Pas un mot sur les questions qui peuvent se poser quand les contrastes de couleurs dépassent significativement les seuils préconisés. Il ne s’agit pas d’ignorer les besoins des malvoyants. Il s'agit de chercher un équilibre raisonnable dans un espace de web design où cet équilibre n’existe pas actuellement.
Quelle est la solution ?
Je ne suggère pas que les webdesigners se désintéressent des questions de contrastes de couleurs, ou consignent les algorithmes préconisés par le W3C dans la catégorie "Inutile". Ce serait se priver activement d’un nombre important d'usagers malvoyants.
Ce que je suggère, c'est que, si la couleur d’un thème choisi est conforme ou dépasse, les seuils du W3C, une feuille de styles alternative de faible contraste devrait être proposée en standard. Ou utiliser un contraste plus faible par défaut pour le site et fournir un css au contraste élevé. Ainsi, aucun groupe d’utilisateurs n'est défavorisé et chaque groupe peut choisir l'option qui répond à ses besoins. Cependant, c'est le scénario idéal, et nous vivons et concevons rarement, dans un monde idéal.
Si l’option de feuille de styles alternative n’est pas proposée, envisagez de réduire légèrement le contraste. Oui, je veux dire diminuer la différence de couleur recommandée par le W3C à 400 au lieu de 500. Cela serait conforme à la fourchette utilisée par Hewlett Packard qui recommande une différence de couleur limite de 400.
J'ai mis au point une simple page de test pour démonstration. La page comprend des exemples de combinaisons de couleurs qui ne respectent pas le W3C et d'autres similaires qui le respectent. Personnellement, je trouve la "non-conformité" - en particulier les titres de rubriques - beaucoup moins fatigante à lire. Pourtant, les recommandations du W3C ne font aucune réserve pour le texte en caractères gras - un facteur qui devrait être examiné lors de la détermination d’un contraste de couleurs raisonnable et équilibrée.
Qui est susceptible d'être gêné par la baisse des seuils de contraste ?
La réponse évidente serait les groupes définis au point 2.2, mais à l'analyse, je ne suis pas convaincu que ce sera systématiquement le cas.
Le chapitre 2.2 définit l'un des groupes concernés comme «quiconque ayant des déficits au niveau de la couleur". En d'autres termes, une certaine forme de daltonisme.
J'ai testé chacune des combinaisons "non-conformes" de la page de test de couleurs, en utilisant le filtre Visicheck, sur trois types de daltonisme. Aucune ne semblait poser de problème. Cela donne à penser que les seuils de différences de couleurs pourraient être réduits sans créer de problèmes pour les personnes atteintes de daltonisme, en prenant la précaution d’effectuer également ces contrôles.
Le chapitre 2.2 inclut également la notion de "visualisation sur un écran noir et blanc." Est-ce vraiment un vrai problème d'accessibilité web?
Dans « Définitions de l'accessibilité du Web », j'en suis finalement arrivé à la conclusion que l'accessibilité du Web est la conception de pages accessibles aux « personnes handicapées ». J'ai alors suggéré que le terme «handicap» est défini comme une "inaptitude à exercer une activité en raison d’un trouble physique ou mental médicalement dépistable".
Je me suis trituré le cerveau, mais je n’ai pu trouver un trouble physique ou mental médicalement dépistable, qui nécessiterait l'utilisation d'un écran noir et blanc. Je pense que cette utilisation est beaucoup plus susceptible d'être la conséquence de difficultés financières ou de libre choix. Rien à voir avec un trouble médicalement avéré. Ainsi, une approche radicale pourrait raisonnablement poser la question de savoir si ce groupe devrait même être mentionné dans les lignes directrices d'accessibilité Web !
Qu'en est-il des utilisateurs ayant une déficience visuelle ?
Réduire de 10-20% le seuil de différences de couleurs ne devrait pas trop avoir d'impact significatif sur les utilisateurs handicapés visuels. Comme pour les dyslexiques, les questions de design relatives aux problèmes visuels sont complexes et ne peuvent être traitées par de simples réglages de contraste des pages. Mais encore une fois, il s'agit de trouver un équilibre raisonnable.
En fait, il a été rapporté qu’un texte à contraste élevé, tel que noir sur blanc pur, a pour résultat une perte de l’arrondi des lettres et une pixellisation à l’utilisation d’outils de zoom comme ZoomText. Dans certaines situations extrêmes, les lettres peuvent même devenir méconnaissables !
Donc, d'une manière générale, plus le contraste est élevé, plus il y a un risque d'introduire effectivement des problèmes pour les personnes ayant une déficience visuelle. Cela semble être totalement contraire à la logique commune première d’envisager un fort contraste. Pourtant le WCAG ne contient pas un seul avertissement à propos de ces questions.
Conclusions
En résumé, je pense qu’une accentuation moindre des contrastes élevés, une baisse des contrastes pour les caractères gras et une légère réduction du seuil de différences de couleurs, se traduira par des pages qu'il sera plus facile à lire pour les utilisateurs dyslexiques et ne portera pas atteinte aux malvoyants ou dans dans la plupart des cas des troubles affectant la couleur.
Je considère que suivre les préconisations de seuils de différences de couleurs de Hewlett-Packard représente une approche plus équilibrée de la question des contrastes de couleurs. À cette fin, j'ai mis au point un outil d’analyse de contraste de couleurs, pour ceux qui veulent essayer. Tout comme dans l’outil de vérification des seuils de Hewlett-Packard, il fournit également un "avertissement de contraste élevé" si la différence de couleurs est supérieure à 600. Ce chiffre est vraiment juste une supposition de ma part, et je serais intéressé par toute preuve qui pourrait aider à fournir un meilleur seuil pour les dyslexiques.
Un autre effet positif de la réduction des contrastes peut très bien être que les utilisateurs sans besoins particuliers trouvent à lire des pages web moins fatigantes pour les yeux. Cela devrait améliorer la lisibilité d'ensemble et encourager l'utilisateur type à rester sur nos pages web un peu plus longtemps. Une chose, je crois, que nous aimerions tous voir arriver.

  • Troisième partie : Le contenu

Dans les deux premières parties de cette série d'articles que j'ai considéré les problèmes créés par la dyslexie et parlé, en détail, de la façon dont le contraste des couleurs peut nuire à la lisibilité d’une page. Cependant, il y a bien plus à faire que réduire le contraste des couleurs pour une conception conviviale pour les dyslexiques. Le plus est qu’il est probable que ces changements auront un effet positif sur la lisibilité de la page pour tous les utilisateurs.
Largeur de ligne
Tout le monde a des problèmes pour lire de longues lignes de texte ininterrompues qui s'étendent sur un large écran. Le point de vision peut facilement se perdre. Cela est particulièrement vrai au moment de revenir vers la gauche pour aller chercher la ligne suivante. Comme on pouvait s'y attendre, il s'agit d'un problème spécifique aux dyslexiques.
De plus courtes longueurs de ligne et des colonnes de texte plus étroites rendent la lecture plus facile. Il faut envisager de fixer un pourcentage de la largeur des zones de texte et de définir les marges à "0 auto" via le CSS. Les marges de côtés de la page seront alors augmentées proportionnellement à la largeur des écrans.
Hauteur de ligne
La hauteur de ligne est la distance verticale entre deux positions correspondant à deux lignes de texte adjacentes. En d'autres termes, c'est la quantité d'espace blanc entre les lignes de texte.
La plupart des navigateurs ont une valeur par défaut de hauteur de ligne autour de 1em. Cela entraine normalement des lignes de texte étroitement agglutinées. Augmenter la hauteur de ligne à environ 1.3em rend immédiatement plus facile à lire de longues lignes de texte. De même, veillez à ce que les paragraphes soient visiblement séparés.
N'ayez pas peur des espaces blancs. Utilisez-les pour améliorer la lisibilité.
Taille de police
Plus le texte est petit, plus il sera difficile à lire. Indiquez la taille de police en unités absolues et vous supprimerez aussi la possibilité à l’utilisateur de redimensionner le texte dans son navigateur. Malheureusement, cela inclut aussi la déclaration de la taille de police en pixels. Certains navigateurs ne redimensionnent pas le texte dont la taille de police est en pixels. S'en tenir à des pourcentages ou ems.
Style de police
Si possible, utilisez un style sans empattement. Les petits traits décoratifs sur les principaux styles Serifs peuvent créer des problèmes supplémentaires pour les utilisateurs dyslexiques. Les lettres reconnaissables à l'intérieur d'un mot peuvent sembler trop éloignées pour "voir" le mot entier. Cela peut aussi être aggravé par l'espace entre deux mots trop petit pour en faciliter la lecture.
Si vous devez utiliser une police de caractères serif institutionnelle, envisagez de réduire l’espacement des lettres légèrement de sorte que les lettres d'un mot se trouvent un peu plus rapprochées, mais augmentez l’espacement entre les mots pour créer une distance légèrement plus grande entre les mots.
Justifié ou pas ?
La justification de texte peut produire un effet visuel agréable. Toutefois, il réalise ses jolies lignes droites de chaque côté du texte par l'introduction d’un espacement variable entre chaque mot.
Le problème ici est que le cerveau est une machine de reconnaissance de formes. Un espacement inégal des mots perturbe la reconnaissance des formes. Pour la plupart des gens, l'effet est minime lors de la lecture de textes imprimés. Après tout, nous sommes habitués aux textes justifiés dans les livres. Mais la lecture d'un écran est généralement réputée être plus difficile que la lecture d'impressions. En conséquence, cet effet peut devenir plus important dès que vous passez de l’impression à l'écran.
Pour un lecteur dyslexique, cela peut être catastrophique ! L'inégalité des espaces entre les mots, créé des perturbations visuelles qui sont difficiles à ignorer. En conséquence, le lecteur perd le fil de façon répétée. Un texte non justifié, bien que moins attrayant à première vue, est beaucoup plus facile à lire.
Utilisez l’italique avec parcimonie
Lorsque les polices en italique sont utilisées sur une page Web, les lettres peuvent avoir une ligne légèrement dentelée, comparativement aux non-italiques. Cette pixellisation, couplée avec la "maigreur à gauche" rend leur lecture difficile pour une personne dyslexique. L'effet est aggravé si le texte est également petit.
Utilisez l’italique avec parcimonie et envisagez le texte en gras pour les mots importants. Ils seront beaucoup plus faciles à lire.
Graphiques
L'expérience de l'utilisateur est toujours plus facile s'il y a des images à regarder. Les gens absorbent l'information d’un certain nombre de manières. Il est donc logique de maximiser la communication par l'utilisation du multimédia.
Photographies, graphiques et icônes peuvent transmettre une grande quantité d'informations en ce qui concerne le sujet d'une page. Les images peuvent fragmenter la page en petits morceaux. Elles peuvent également fournir des aides à la mémoire visuelle et être des supports de compréhension pour les dyslexiques.
En prime, les images aident également les lecteurs qui tentent de comprendre une langue étrangère - telle que la langue des signes ou à des utilisateurs non-anglophones une page en langue anglaise.
Les boites de texte et des listes
Les boites de texte peuvent être utilisées pour souligner ou mettre en évidence des points importants. Elles sont particulièrement efficaces si elles intègrent de légères différences de couleurs d’arrière plan par rapport au texte principal de la page. Toutefois, n’en abusez pas. Trop de boites différentes sur une page ne conduira qu’au parasitage et la confusion.
Les dyslexiques ont souvent des compétences organisationnelles pauvres. Les listes peuvent aider à l'organisation de l'information en petites séquences logiques. Là encore, la bonne utilisation de l'espace blanc supplémentaire entre les éléments de la liste globale va augmenter la lisibilité.
Abréviations
Des abréviations non familières peuvent tous nous perdre dans la confusion. Toutefois, même les abréviations les plus courantes sont de nature à perturber un lecteur dyslexique. Le fait que les abréviations soient généralement en majuscules ne fait qu’empirer les choses.
Toujours expliciter la première occurrence d'une abréviation sur une page. Utilisez les balises ACRONYM et ABBR pour les abréviations, obligatoirement accompagnées de l’attribut Title qui contiendra le nom en entier***. Ou utiliser le terme entier avec la version abrégée immédiatement après.
Images animées
En un mot: non. Enfin, pas à moins que vous ne le deviez vraiment.
Les images constamment animées perturbent tout le monde. Les annonces animées qui hurlent pour attirer notre attention nuisent à notre capacité à lire le reste de la page.
Combien de fois vos yeux ont-ils été appelés encore et encore par une animation, jusqu’à ce que vous abandonniez, écœuré ? Ou trouvé que le scintillement constant dans le coin de votre œil était particulièrement irritant ? Je crois que les gens restent rarement très longtemps sur ce genre de page.
Les lecteurs dyslexiques ne peuvent probablement même pas s'arrêter et regarder. De leur point de vue, la page peut être inutilisable. Tout ce qui est susceptible d'interférer avec leur précieuse concentration est un problème.
De toute évidence, il y a des moments où une animation vaut mille mots. C'est notamment le cas si vous essayez de transmettre un concept difficile à un groupe qui peut avoir des problèmes de lecture du texte. Essayez de boucler une fois l'animation et d’ensuite l’arrêter. Ou d'autoriser les visiteurs à arrêter ou démarrer l'animation à volonté.
Surcharge informationnelle
Les dyslexiques ont tendance à avoir des compétences de traitement de l'information faibles. Alors il est relativement facile de les surcharger en leur fournissant littéralement trop d'informations sur une seule page.
Divisez des pages complexes en deux ou trois petites pages. Dans une page, utilisez des sous-rubriques pour diviser la page logiquement et visuellement. Ajouter des arrière-plans de rubrique colorés ou des bordures, agira comme un soutien supplémentaire.
Ne pas surcharger les pages avec des liens. Cela est particulièrement vrai pour les pages d'accueil où il semble y avoir une surcharge compulsive de liens vers tout le site et d’affichage de chaque fragment d'actualité.
Gardez à l'esprit le vieil adage email : «Soyez prudents dans ce que vous envoyez » et rappelez-vous que «le moins est souvent le mieux».
Navigation du site
Lors de la conception d'un site web, nous essayons souvent de créer une structure virtuelle en 3 dimensions à l'aide d'outils en deux dimensions. En réalité, il n'existe pas de "Haut", "Bas", "Précédent" ou "Suivant" sur un site web. Et pourtant, ce sont des concepts que nous comptons souvent communiquer aux visiteurs comme partie intégrante des bases de la navigation sur un site. Le concepteur voit souvent le site comme un arbre en trois dimensions. Les techniques de navigation du site sont ensuite utilisées pour essayer de construire cette même image dans l'esprit des visiteurs.
Toutefois, de nombreux dyslexiques ont un mauvais sens de l'orientation. La complexité des systèmes de navigation les laisse souvent en pleine confusion, perdus et désorientés.
Gardez une navigation simple et logique. Assurez-vous que la page d'accueil est facilement accessible depuis n'importe quelle partie du site. Essayez de ne pas «cacher» ce lien important dans un logo. Une partie de l’impression d’assurance de savoir où vous êtes, dépend de la certitude de savoir comment revenir au point de départ.
Courant, simple, et court  
De longues phrases contiennent souvent plus d'une idée. Les dyslexiques ont besoin de plus de pauses entre les idées que les autres. Donc de longues phrases complexes peuvent présenter un problème pour les dyslexiques. Pourquoi ne pas diviser de longues phrases en deux phrases courtes ou plus ?
Vous utilisez de longues phrases techniques plutôt que du français courant ? Pourquoi ? Quel est votre principal objectif ? Pour impressionner quelqu'un avec vos compétences langagières ? Ou pour communiquer efficacement l'information ?
De même, privilégiez des paragraphes courts et précis.
Les lecteurs d'écran
De nombreux webmasters ne réalisent pas que certains utilisateurs de lecteurs d'écran peuvent voir parfaitement bien. Il n'est pas rare que les dyslexiques utilisent des lecteurs d'écran à l'appui de leur lecture.
Cela peut créer des problèmes lorsque le texte a été placé hors écran. L'hypothèse est que l'utilisateur de lecteur d'écran ne sera pas en mesure de percevoir la différence entre ce qui est «parlé» et ce qui est réellement visible à l'écran. Les utilisateurs de lecteurs d’écran dyslexiques le peuvent !
Le positionnement hors écran peut créer une certaine confusion pour ce groupe. C'est pourquoi je suis actuellement inquiet de l'utilisation de CSS pour positionner, par exemple, les étiquettes de formulaires hors écran.
La question doit donc être posée: «Si cela est suffisamment important pour figurer sur une page, ne devrait-il pas être visible?".
Si vous devez faire usage du positionnement hors écran, essayez de le faire avec discernement. Envisagez le point de vue de ceux qui peuvent à la fois entendre le lecteur d'écran et voir la page. Demandez-vous si vous êtes sur le point de potentiellement créer de la confusion.
Vérifiez l'orthographe
Les dyslexiques n'ont peut-être pas de bonnes compétences orthographiques. Toutefois, la bonne orthographe et ponctuation peuvent les soutenir quand ils lisent. Cela est particulièrement vrai s’ils utilisent un logiciel de lecture d'écran en support supplémentaire.
Ne pas être trop tenté d'inventer vos propres nouveaux buzzwords****. Vous n’impressionnerez personne si on ne vous comprend pas.
Autres questions
J'ai essayé d’inclure toutes les questions de conception web dont je suis conscient. Cependant, je n'ai pas la prétention de connaitre tous les points qui peuvent nuire aux dyslexiques. Il y aura presque certainement des facteurs que je n'ai même pas envisagés. Dans ce cas, j’aimerais bien en entendre parler.
Cette série d'articles n'est pas destinée à apporter toutes les réponses. Idéalement, les sujets abordés contribueront dans une certaine mesure à sensibiliser autour de l'ensemble des problèmes auxquels sont confrontés les dyslexiques sur le web. J'espère aussi qu'ils favoriseront une discussion au sein du secteur de l'accessibilité Web. Le débat est sain et défier les préjugés est l'un des rares moyens par lesquels nous pouvons tous apprendre de nouvelles idées.

Articles de Mel Pedley parus en Octobre et Novembre 2006, en anglais, sur un site traitant de l’art de l’accessibilité web
Mes ajouts perso :
* français : 35 phonèmes et 190 graphèmes
** http://www.irlen.ch/index-fr.htm
*** voir http://www.accessiweb.org/fr/guide_accessiweb/guide-accessiweb-fiche-13-10.html
**** genre racheumeumeu

Retour à La Une de Logo Paperblog

A propos de l’auteur


Towanda Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte