Couleurs Optimales pour Améliorer la Lisibilité pour les Personnes Dyslexiques

BY admin
|

WAI R & D Symposiums « Personnalisation du texte Accueil  » Actes  » Cet article.

Cet article est une contribution au Symposium en ligne sur la personnalisation du texte pour la lisibilité. Il n’a pas été développé par l’Initiative pour l’accessibilité du Web du W3C (WAI) et ne représente pas nécessairement le point de vue consensuel du personnel, des participants ou des membres du W3C.

  • Luz Rello. Université Pompeu Fabra, [email protected]
  • Ricardo Baeza-Yates. Yahoo ! Recherche & Université Pompeu Fabra, rbaeza @ acm.

Description du problème

Dans cette étude, nous analysons comment un aspect spécifique de la personnalisation du texte, les couleurs du texte et de l’arrière-plan, peut améliorer la lisibilité des personnes dyslexiques. Notre étude utilisateur compare deux types de données, quantitatives (performances de l’utilisateur) et qualitatives (préférences de l’utilisateur), en tenant compte des recommandations précédentes et du rapport de luminosité des couleurs prescrit par le WCAG 2.0. (W3C, 2008).

Contexte

Le rôle des couleurs dans la lisibilité a été largement discuté en relation avec la dyslexie, un handicap de lecture qui survient chez environ 10 à 17,5% de la population anglophone et 7,5 à 11,8% de la population hispanophone (Rello et Baeza-Yates, 2012). Cependant, lors de la lecture du Web, un texte de couleur médiocre est l’un des principaux problèmes rencontrés par les personnes dyslexiques (McCarthy et Swierenga, 2010).

Des études d’utilisateurs antérieures ont montré que des couleurs de texte et d’arrière-plan spécifiques pouvaient être bénéfiques pour la lecture à l’écran (Gregor et Newell, 2000; Rello, Baeza-Yates et Kanvinde, 2012). De plus, les suggestions de personnalisation du texte conviennent généralement que les personnes dyslexiques préfèrent normalement des différences de luminosité et de couleur plus faibles entre le texte et l’arrière-plan par rapport au lecteur moyen (Bradford, 2011; Pedley 2006; British Dyslexia Association, 2012). Cependant, la relation entre cette préférence et le rapport de luminosité de couleur minimum prescrit par le W3C n’a pas été étudiée.

Dans notre étude, nous testons empiriquement les recommandations précédentes et les comparons avec l’algorithme W3C et la lecture standard d’un groupe témoin.

Approche

Notre approche sépare les besoins d’accessibilité et les préférences personnelles qui sont fréquemment mélangés dans les recommandations concernant les couleurs et la lisibilité. Par conséquent, nos tests étaient composés de deux parties: (a) un ensemble de textes à lire en utilisant le suivi oculaire pour étudier les performances de lecture et (b) un questionnaire pour collecter les préférences de l’utilisateur. Grâce à cette méthodologie, nous distinguons les aspects de la personnalisation du texte qui permet aux lecteurs dyslexiques de lire plus efficacement et des suggestions facultatives concernant leurs préférences. Chaque test a été effectué par 23 participants dyslexiques (Rello, Baeza-Yates et Kanvinde, 2012) et 92 participants sans dyslexie (Rello et Marcos, 2012).

Pour la sélection des paires de couleurs, nous avons pris en compte: (a) la littérature précédente, (b) les recommandations, (c) leur fréquence dans la Bande, et (d) leur rapport de contraste de luminosité. Les paires de couleurs étudiées sont données dans le tableau 1.

Couleur du texte et de l’arrière-plan Différence de couleur Différence de luminosité
noir (000000) & blanc (FFFFFF) 765 255
noir (000000) & jaune (FFFF00) 510 226
noir (000000) & crème (FAFAC8) 700 244
noir cassé (0A0A0A) & blanc cassé (FFFFE5) 735 245
bleu (00007D) & blanc (FFFFFF) > 640 241
brun foncé (1E1E00) & vert clair (B9B900)> 310 137
marron (282800) & vert foncé (A0A000)> 240 107
bleu (00007D) & jaune (FFFF00) 635 212

Tableau 1: Différence de couleur et de luminosité pour les paires de couleurs de texte et d’arrière-plan. Les codes RVB pour les couleurs sont présentés entre parenthèses et utilisés pour le texte de la cellule et l’arrière-plan.

Les paires noir & blanc et bleu & blanc ont été choisies car elles sont les plus couramment utilisées. Nous avons sélectionné off-black & off-white parce qu’il est recommandé en matière d’accessibilité Web pour les personnes dyslexiques (Bradford, 2011). Les paires marron & vert foncé et bleu & jaune ont été incluses dans l’étude parce qu’elles avaient été choisies par des personnes dyslexiques lors d’expériences précédentes (Gregor et al., 2003; Gregor et Newell, 2000). Nous avons choisi la crème noire & parce qu’elle est utilisée — et recommandée — par la British Dyslexia Association pour leur site Web et nous avons choisi la crème noire & jaune en raison de son contraste élevé.

Étant donné que la paire marron & vert foncé a un contraste de couleur inférieur à celui requis par le WCAG 2.0, nous avons créé un brun foncé & vert clair avec la même teinte de couleur mais en suivant l’algorithme W3C pour comparer les deux paires de couleurs.

Chacune des paires de couleurs a été présentée dans un ordre aléatoire contenant différents textes comparables. Les textes ont la même longueur (22 syllabes), appartiennent au même genre et ont la même métrique et le même rythme. Ils ont été écrits en arial sans serif (Al-Wabil, Zaphiris et Wilson, 2006), avec une taille de 20 points, un texte injustifié (Pedley, 2006) et le même espacement ligne/mot/caractère.

Les textes ont été présentés aux participants pour qu’ils soient lus en silence pendant qu’ils étaient enregistrés par l’eye-tracker. Ensuite, le participant a rempli un questionnaire concernant ses préférences personnelles concernant les couleurs et leur lisibilité. Les participants essayaient d’extraire du sens du texte parce qu’ils s’attendaient à des questions de compréhension bien que les questionnaires ne portaient que sur leurs préférences.

Défis

Notre méthodologie présente trois faiblesses qui seront abordées dans de futures expériences. Tout d’abord, les paires de couleurs ont été présentées dans un ordre aléatoire mais pas dans un ordre contrepoids. Par conséquent, nous ne pouvons pas être certains si certains des résultats pourraient être affectés par la position du fragment textuel dans l’écran et si les données de préférence sont biaisées par des effets d’ordre. Deuxièmement, les textes sont trop petits pour tirer des conclusions solides. Troisièmement, les textes ont été présentés seuls à l’écran, nous ne pouvons donc pas prédire l’effet de couleur dans d’autres contextes de lecture tels que la navigation sur le Web.

Résultats

Dans la figure 1, nous pouvons voir la comparaison des performances et des préférences de l’utilisateur, parmi les différentes valeurs de couleur entre les personnes avec et sans dyslexie. La performance est mesurée en temps de lecture (moyenne de la durée de fixation en secondes) et les préférences sont représentées par le pourcentage du choix des participants. Les fixations plus courtes sont préférées aux fixations plus longues, car selon des études antérieures (Just et Carpenter, 1980), les lecteurs effectuent des fixations plus longues aux points où les charges de traitement sont plus importantes.

La plus grande différence entre les groupes se situe sur la paire noire & blanche: alors que la majorité des personnes sans dyslexie la préfèrent (32,67%), seuls 13,64% des participants dyslexiques ont choisi un texte noir sur fond blanc.

Les participants sans dyslexie ont tendance à préférer les paires de couleurs avec un contraste de couleur et de luminosité plus élevé, tandis que les personnes dyslexiques lisent plus rapidement lorsque les paires de couleurs ont des contrastes plus faibles. Par exemple, la paire de couleurs qui a été la plus rapide à lire par les participants dyslexiques était noire & crème (moyenne de 0,214 pour la durée de fixation) tandis que le texte noir sur fond jaune présente la plus grande moyenne de durée de fixation (0,239 seconde). Bien que la paire off-black & off-white soit celle recommandée dans la conception de sites Web pour les dyslexiques (Bradford, 2011), aucun des utilisateurs dyslexiques ne l’a sélectionnée. Cette paire présente la moyenne de durée de fixation la plus élevée pour les participants sans dyslexie (0,193 seconde).

Graphique montrant la Durée et la référence de la fixation. La description détaillée se trouve à la fin de cet article.

Figure 1: Durée(s) de fixation et préférences de l’utilisateur (%) pour les personnes avec et sans dyslexie (la description détaillée se trouve à la fin de l’article).

L’algorithme W3C suggère d’éviter les différences de luminosité inférieures à 125 et les différences de couleur inférieures à 500. Nos résultats sont cohérents avec ce seuil puisque la seule paire qui ne correspondait pas à l’algorithme du W3C (marron & vert foncé) présentait des durées de fixation élevées pour les deux groupes (la deuxième et la troisième plus élevée pour les personnes sans et avec dyslexie, respectivement) et était également à peine sélectionnée par les participants (4,55% pour les participants sans dyslexie et 0,99% pour les participants avec dyslexie). Étonnamment, la paire brun foncé & vert clair qui est très similaire en termes de teinte de couleur mais diffère du brun & vert foncé en termes de luminosité et de contraste de couleur présente la durée de fixation la plus basse et la deuxième la plus basse pour les personnes dyslexiques et sans dyslexie, respectivement.

Nos résultats suggèrent que les préférences de personnalisation du texte doivent être complétées par des données quantitatives provenant des performances de lecture réelles, car nous n’avons trouvé aucune corrélation entre les performances de lecture et le choix personnel des utilisateurs. Les couleurs doivent être prises en compte par les développeurs d’interface. Même si les personnes dyslexiques lisent plus rapidement en utilisant des contrastes de couleurs inférieurs à ceux du groupe témoin, ceux-ci ne sont pas inférieurs à l’algorithme W3C.

Recherches futures

Les expériences en cours abordent les défis présentés à la section 4. Nous effectuons actuellement plus de tests avec plus de participants. Ces tests comprennent (1) une randomisation supplémentaire de la position des textes, (2) des textes plus longs et (3) l’insertion des textes dans des contextes de lecture fréquents sur le Web tels que la mise en page Wikipedia.

Remerciements

Nous tenons à remercier Shadi Abou-Zahra (W3C) pour ses précieux commentaires et commentaires sur cette recherche. Nous sommes également redevables à Mari-Carmen Marcos (Universitat Pompeu Fabra) pour son aide dans le suivi oculaire, à Joaquim Llisterri (Universidad Autónoma de Barcelona) pour son aide à diffuser l’annonce de nos expériences auprès des experts, et à tous les volontaires et personnes dyslexiques qui ont effectué les expériences.

  1. Al-Wabil, A., Zaphiris, P. & Wilson, S. (2007), ‘Navigation Web pour les personnes dyslexiques: une étude exploratoire ‘, Accès universel à l’Interaction Homme-Machine. Faire face à la diversité pp. 593-602.
  2. Bradford, J. (2012) Conception de pages Web pour lecteurs dyslexiques. Disponible: http://www.dyslexia-parent.com/mag35.html. Dernière consultation le 20 septembre 2012.
  3. Association britannique de Dyslexie. (2012) Guide de style dyslexique. Disponible: http://www.bdadyslexia.org.uk/. Dernière consultation le 20 septembre 2012.
  4. Gregor, P., Dickinson, A., Macaffer, A. & Andreasen, P. (2003), « Seeword a personal word processing environment for dyslexic computer users », British Journal of Educational Technology 34 (3), 341-355.
  5. Gregor, P. & Newell, A. F. (2000), An empirical investigation of ways in which some of the problems encountered by some dyslexics may be alleviated using computer techniques, in Proceedings of the fourth international ACM conference on Assistive technologies, ASSETS 2000, ACM, New York, NY, USA, pp. 85-91.
  6. Just, M. & Carpenter, P. (1980), « Une théorie de la lecture: Des fixations oculaires à la compréhension », Revue psychologique 87, 329-354.
  7. McCarthy, J.E. & Swierenga, S. J. (2010), « Ce que nous savons de la dyslexie et de l’accessibilité du Web: a research review « , Accès universel dans la société de l’information 9, 147-152.
  8. Pedley, M. (2006), « Concevoir pour les dyslexiques: Partie 3 de 3 ». Disponible: http://accessites.org/site/2006/11/designing-for-dyslexics-part-3-of-3. Dernière consultation le 20 septembre 2012.
  9. Rello, L. & Baeza-Yates, R. (2012b), « La présence de la dyslexie anglaise et espagnole sur le Web », Nouvelle revue de l’Hypermédia et du multimédia pp. 1-28.
  10. Rello, L., Kanvinde, G. & Baeza-Yates, R. (2012), Layout guidelines for web text and a web service to improve accessibility for dyslexics, in International Cross Disciplinary Conference on Web Accessibility (W4A 2012), ACM Press, Lyon, France.
  11. Rello, L. & Marcos, M. (2012), Une étude de suivi oculaire sur la personnalisation du texte pour les performances et les préférences des utilisateurs, dans la 8e édition du Congrès Web latino-américain (LA-WEB 2012), IEEE Press, Cartagena, Colombie.
  12. World Wide Web Consortium (2008) Web Content Accessibility Guidelines (WCAG) 2.0. Disponible à l’adresse suivante : http://www.w3.org/TR/WCAG/ Dernière consultation le 20 octobre 2012.

Annexe: Description de la figure 1

Valeurs de durée de fixation en secondes et pourcentages de la préférence de l’utilisateur pour les personnes atteintes de a sans dyslexie. Les paires de couleurs les plus préférées par les personnes atteintes de dislexie étaient (classées du plus favori au moins favori): noir & jaune; noir & crème; bleu & blanc; noir & blanc; bleu & jaune; marron foncé & vert clair; marron & vert foncé et noir cassé & blanc cassé. Les paires de couleurs les plus préférées par les personnes sans dislexie étaient (classées du plus favori au moins favori): noir & blanc; noir & jaune; noir & crème; noir cassé & blanc cassé; bleu & blanc; marron foncé & vert clair; marron & vert foncé et bleu & jaune. En termes de performances, les paires de couleurs lues par les personnes atteintes de dislexie étaient (classées du plus rapide au plus lent): noir & crème; bleu & jaune; marron foncé & vert clair, marron & vert foncé, noir & blanc; noir cassé & blanc cassé; bleu & blanc et noir & jaune. En termes de performances, les paires de couleurs lues par les personnes sans dislexie étaient (classées du plus rapide au plus lent): brun foncé & vert clair; noir & crème; noir & blanc; noir & jaune; bleu & jaune; marron & vert foncé et noir cassé & blanc cassé.