cores ótimas para melhorar a legibilidade para pessoas com dislexia

BY admin
|

WAI R&D Simpósio “Text Customization Home “Proceedings” este artigo.

este artigo é uma contribuição para a personalização do texto para o Simpósio Online de legibilidade. Não foi desenvolvido pela W3C Web Accessibility Initiative (Wai) e não representa necessariamente a opinião consensual de funcionários, participantes ou membros do W3C.

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

Descrição do Problema

neste estudo, analisamos como um aspecto específico do texto de personalização, texto e cores de fundo, pode melhorar a legibilidade das pessoas com dislexia. Nosso estudo de usuário compara dois tipos de dados, quantitativos (desempenho do Usuário) e qualitativos (preferências do usuário), levando em consideração as recomendações anteriores e a taxa de luminosidade de cor prescrita pelo WCAG 2.0. (W3C, 2008).

Background

o papel das cores na legibilidade tem sido amplamente discutido na relação com a dislexia, uma deficiência de leitura que ocorre em cerca de 10-17.5% do inglês e 7,5-11,8% da população de língua espanhola (Rello e Baeza-Yates, 2012). No entanto, ao ler a Web, texto colorido pobre é um dos principais problemas encontrados por pessoas com dislexia (McCarthy e Swierenga, 2010). Estudos anteriores do utilizador mostraram que as cores específicas do texto e do fundo poderiam ser benéficas para a leitura na tela (Gregor e Newell 2000).; Rello, Baeza-Yates e Kanvinde, 2012). Além disso, sugestões de personalização de texto amplamente concordam que as pessoas com dislexia normalmente preferem menor brilho e diferenças de cor entre texto e fundo em comparação com o leitor médio (Bradford, 2011; Pedley 2006; British dislexia Association, 2012). No entanto, a relação entre esta preferência e a taxa mínima de luminosidade de cor prescrita pelo W3C não foi estudada.

In our study we empirically test previous recommendations and compare them with the W3C algorithm and the standard reading of a control group.

abordagem

a nossa abordagem separa as necessidades de acessibilidade e as preferências pessoais que são frequentemente misturadas nas recomendações relativas às cores e legibilidade. Portanto, nossos testes foram compostos de duas partes: (a) um conjunto de textos a serem lidos usando o acompanhamento de olhos para estudar o desempenho de leitura e (B) um questionário para coletar as preferências do Usuário. Através desta metodologia, distinguimos os aspectos da personalização de texto que permite aos leitores com dislexia ler mais eficazmente e sugestões opcionais sobre as suas preferências. Cada teste foi realizado por 23 participantes com dislexia (Rello, Baeza-Yates e Kanvinde, 2012) e 92 participantes sem dislexia (Rello e Marcos, de 2012).

para a seleção dos pares de cores levamos em consideração: (a) a literatura anterior, (B) as recomendações, (c) sua frequência na Web, e (d) Sua taxa de contraste de luminosidade. Os pares de cores estudados são apresentados na Tabela 1.

Texto e cor de fundo diferença de Cor Brilho diferença
preto (000000) & branco (FFFFFF) 765 255
preto (000000) & amarelo (FFFF00) 510 226
preto (000000) & creme (FAFAC8) 700 244
off-preto (0A0A0A) & off-white (FFFFE5) 735 245
azul (00007D) & branco (FFFFFF)> 640 241
o marrom escuro (1E1E00) & luz verde (B9B900)> 310 137
brown (282800) & verde escuro (A0A000)> 240 107
azul (00007D) & amarelo (FFFF00) 635 212

Tabela 1: a Cor e o brilho diferença para o texto e cor de fundo pares. Os códigos RGB para as cores são apresentados entre parênteses e usados para o texto da célula e fundo.

os pares preto & branco e azul & branco foram escolhidos porque são os mais usados. Selecionamos off-black & off-white porque é recomendado na acessibilidade da Web para pessoas com dislexia (Bradford, 2011). Os pares castanho & verde escuro e azul & amarelo foram incluídos no estudo porque foram escolhidos por pessoas com dislexia em experiências anteriores (Gregor et al., 2003; Gregor and Newell, 2000). Nós escolhemos preto & creme porque é usado— e recomendado-pela Associação Britânica de dislexia para o seu site e selecionamos preto & amarelo por causa de seu alto contraste.

uma vez que o par castanho & verde escuro tem um contraste de cor mais baixo do que o exigido pelo WCAG 2.0, nós criamos um castanho escuro & verde claro com a mesma cor, mas seguindo o algoritmo W3C para comparar ambos os pares de cores.

cada um dos pares de cores foram apresentados em ordem aleatória contendo diferentes textos comparáveis. Os textos têm o mesmo comprimento (22 Sílabas), pertencem ao mesmo gênero, e têm a mesma métrica e ritmo. Eles foram escritos em sans serif arial (Al-Wabil, Zaphiris e Wilson, 2006), 20 pontos de tamanho, texto injustificado (Pedley, 2006), e mesmo espaço de linha/palavra/caráter.

os textos foram apresentados aos participantes para serem lidos em silêncio enquanto eram gravados pelo olho-tracker. Em seguida, o participante preencheu um questionário sobre suas preferências pessoais sobre as cores e sua legibilidade. Os participantes estavam tentando extrair o significado do texto porque esperavam perguntas de compreensão, embora os questionários fossem apenas sobre suas preferências.

desafios

existem três fraquezas na nossa metodologia que serão abordadas em experiências futuras. Primeiro, os pares de cores foram apresentados em ordem aleatória, mas não em ordem contra-equilibrada. Portanto, não podemos ter certeza se alguns dos resultados poderiam ser afetados pela posição do fragmento textual na tela e se os dados de preferência são distorcidos por efeitos de ordem. Em segundo lugar, os textos são demasiado pequenos para tirarem conclusões fortes. Em terceiro lugar, os textos foram apresentados sozinhos na tela, assim não podemos prever o efeito de cor em outros contextos de leitura, como navegação na Web.

resultados

na Figura 1 podemos ver a comparação do desempenho e preferências do utilizador, entre os diferentes valores de cor entre as pessoas com e sem dislexia. O desempenho é medido no tempo de leitura (média da duração da fixação em segundos) e as preferências são representadas pela percentagem da escolha dos participantes. As fixações mais curtas são preferidas às mais longas, porque de acordo com estudos anteriores (Just and Carpenter, 1980), os leitores fazem fixações mais longas em pontos onde as cargas de processamento são maiores.

a maior diferença entre os grupos é sobre o par preto & branco: enquanto a maioria das pessoas sem dislexia preferem (32,67%), apenas 13,64% dos participantes com dislexia escolheram o texto preto sobre fundo branco.

os participantes sem dislexia tendem a preferir pares de cores com maior contraste de cor e brilho, enquanto as pessoas com dislexia lêem mais rápido quando os pares de cores têm contrastes mais baixos. Por exemplo, o par de cores que foi o mais rápido a ler pelos participantes com dislexia era preto & creme (média de 0,214 para a duração de fixação), enquanto texto preto sobre fundo amarelo apresenta a maior duração de fixação (0,239 segundos). Embora o par off-black & off-white é o recomendado em design Web para dislexics (Bradford, 2011), nenhum dos usuários com dislexia selecionou. Este par apresenta a maior duração de fixação média para os participantes sem dislexia (0,193 segundos).Gráfico com fixação da duração e preferência. No final do presente documento encontra-se uma descrição pormenorizada.

Figura 1: duração da fixação e preferências do utilizador ( % ) para as pessoas com e sem dislexia (a descrição detalhada está no final do papel).

o algoritmo W3C sugere evitar diferenças de brilho inferiores a 125 e diferenças de cor inferiores a 500. Os nossos resultados são consistentes com esse limite, pois o único par que não coincide com o W3C algoritmo (brown & verde escuro) apresentou alta fixação durações para ambos os grupos (o segundo e o terceiro mais alto para as pessoas com e sem dislexia, respectivamente) e também foram mal selecionados pelos participantes (de 4,55% para os participantes, sem dislexia e 0,99% para os participantes com dislexia). Surpreendentemente, o par castanho escuro & verde claro que é muito semelhante em termos de matiz de cor, mas difere do Castanho & verde escuro em termos de brilho e contraste de cor apresenta a menor e segunda menor duração de fixações para pessoas com dislexia e sem dislexia, respectivamente.

nossos resultados sugerem que as preferências de personalização de texto precisam ser complementadas por dados quantitativos do desempenho de leitura real, uma vez que não encontramos nenhuma correlação entre o desempenho de leitura e a escolha pessoal dos usuários. As cores devem ser tomadas em consideração pelos programadores de interface. Mesmo se as pessoas com dislexia ler mais rápido usando contrastes de cor mais baixa do que o grupo de controle estes não são menores do que o algoritmo W3C.As experiências em curso abordam os desafios apresentados na secção 4. Estamos atualmente realizando mais testes com mais participantes. Estes testes incluem (1) maior aleatorização da posição dos textos, (2) textos mais longos, e (3) a inserção dos textos em contextos de leitura freqüentes na Web, como o layout da Wikipédia.

agradecimentos

gostaríamos de agradecer a Shadi Abou-Zahra (W3C) pelos seus valiosos comentários e comentários sobre esta investigação. Estamos também em dívida para com Mari-Carmen Marcos (Universitat Pompeu Fabra) pela sua ajuda com o oftalmologista, para com Joaquim Llisterri (Universidad Autónoma de Barcelona) pela sua ajuda na distribuição do anúncio das nossas experiências entre especialistas, e para com todos os voluntários e pessoas com dislexia que realizaram as experiências.

  1. Al-Wabil, A., Zaphiris, P. & Wilson, S. (2007), ” web navigation for individuals with dislexia: um estudo exploratório, acesso Universal na interacção humana com o computador. Enfrentar a diversidade, P. 593-602.
  2. Bradford, J. (2012) Designing web pages for dislexic readers. Disponível: http://www.dyslexia-parent.com/mag35.html. Last accessed 20 September 2012.
  3. British Dislexia Association. (2012) dislexia style guide. Disponível: http://www.bdadyslexia.org.uk/. Last accessed 20 September 2012.
  4. Gregor, P., Dickinson, A., Macaffer, A. & Andreasen, P. (2003), “Seeword a personal word processing environment for dislexic computer users”, British Journal of Educational Technology 34(3), 341-355.
  5. Gregor, P. & Lopes, A. F. (2000), de Uma investigação empírica de maneiras em que alguns dos problemas encontrados por alguns disléxicos pode ser aliviada usando técnicas de computador, no Processo de quarta internacional ACM conferência sobre tecnologias de apoio, ATIVOS de 2000, ACM, Nova Iorque, NY, estados unidos, pp. 85-91.
  6. Just, M. & Carpenter, P. (1980), “a theory of reading: From eye fixations to comprehension”, Psychological review 87, 329-354.
  7. McCarthy, J. E. & Swierenga, S. J. (2010), ‘ What we know about dyslexia and web accessibility: a research review’, Universal Access in the Information Society 9, 147-152. Pedley, M. (2006), “Designing for dislexics: Part 3 of 3”. Disponível: http://accessites.org/site/2006/11/designing-for-dyslexics-part-3-of-3. Last accessed 20 September 2012.
  8. Rello, L. & Baeza-Yates, R. (2012b), “the presence of english and spanish dyslexia in the web”, New Review of Hypermedia and Multimedia pp. 1-28.
  9. Rello, L., Kanvinde, G. & Baeza-Yates, R. (2012), Layout guidelines for web text and a web service to improve accessibility for dislexics, in International Cross Disciplinary Conference on Web Accessibility (W4A 2012), ACM Press, Lyon, França.
  10. Rello, L. & Marcos, M. (2012), an eye tracking study on text customization for user performance and preference, in 8th edition of the Latin American Web Congress (LA-WEB 2012), IEEE Press, Cartagena, Colombia.
  11. World Wide Web Consortium (2008) Web Content Accessibility Guidelines (WCAG) 2.0. Disponível a partir de: http://www.w3.org/TR/WCAG/ last accessed 20 October 2012.

Appendix: Description of Figure 1

Fixation duration values in seconds and percentages of the user preference for the people with a without dislexia. A maioria preferiu pares de cor por pessoas com dislexia foram (ordenados do mais favoritos ao menos uploaded): preto & amarelo; preto & creme; azul & branco; preto & branco; azul & amarelo; marrom escuro & luz verde para marrom & verde escuro e off-preto & off-white. A maioria preferiu pares de cor por pessoas sem dislexia, foram ordenados do mais favoritos ao menos uploaded): preto & branco; preto & amarelo; preto & creme; off-preto & off-white, azul & branco; marrom escuro & luz verde para marrom & verde escuro e azul & amarelo. Em termos de desempenho, os pares de cores lido por pessoas com dislexia, foram encomendados a partir o mais rápido para o mais lento): preto & creme; azul & amarelo; marrom escuro & luz verde, marrom & verde escuro, preto & branco; off-preto & off-white; azul & branco e preto & amarelo. Em termos de desempenho, os pares de cores lido por pessoas sem dislexia, foram encomendados a partir o mais rápido para o mais lento): marrom escuro & luz verde; preto & creme; preto & branco; preto & amarelo; azul & amarelo; brown & verde escuro e off-preto & off-white.