Buscador

Mostrando entradas con la etiqueta Dislexia. Mostrar todas las entradas
Mostrando entradas con la etiqueta Dislexia. Mostrar todas las entradas

lunes, 3 de agosto de 2020

Dyslexic.com

Dyslexic.com es un sitio web dedicado a la venta de productos de apoyo para las personas con dislexia.

Tiene una página dedica a los tipos de letra para las personas con dislexia.

viernes, 16 de agosto de 2019

Los tipos de letra para personas con dislexia parece que no son muy útiles

En Typefaces for Dyslexia:

I’ve been writing this post in fits, so it may be a bit disjointed. I started it on my flight home from CSUN, and continued to work on it on subsequent flights. Apologies if it’s a bit chaotic.

TL;DR: Typefaces designed to help dyslexics have no effect.

I’ll list information about the two typefaces that I am aware of (which are designed explicitly for readers with dyslexia), as well as notes from the talk at CSUN and a couple other examples.

The latest study to suggest that typefaces designed to aid reading for dyslexics had little to no effect was presented at CSUN this past week. As I noted on Twitter, I already had an idea what the results would be, and I came away feeling validated.

The study hasn’t been pubished yet and I saw its first general presentation. The study was conducted at Mount Allison University, a 2,500 student college with 215 full-time students with disabilities. 50% of those students are classified as having a learning disability.

General Tip

For those of us who build applications and sites with content of any length (whether instructions for shopping carts or rant-laden long-form articles), I have found a few techniques are generally agreed upon by the community (feedback is welcome!):

  • Avoid justified text.
  • Use generous line spacing / leading.
  • Use generous letter spacing.
  • Avoid italics.
  • Generally use sans serif faces.
  • Use larger text.
  • Use good contrast.
  • Use clear, concise writing.

This generally follows rules for good typography.

You may have heard that Comic Sans is easier for readers with dyslexia to understand, but so far that evidence appears to be anecdotal. Certainly not enough to warrant punishing all your other users.

viernes, 5 de julio de 2019

Cómo crear contenido accesible para las personas con dislexia

En How to Create Accessible Content and Designs for People with Dyslexia se proporcionan algunos consejos para crear contenido accesible para las personas con dislexia:
The concepts of digital accessibility are becoming known and understood by more people every day. As this knowledge gets implemented by a growing number of individuals and companies, some people who were historically excluded from equal access to online information can now consume and contribute to digital experiences more fully — when those experiences are built with their needs and methods of interacting with the material in mind. One too-often-overlooked area of web accessibility is creating content that may be easier for people with dyslexia to understand.

lunes, 18 de marzo de 2019

Guía de estilo para crear contenido apropiado para las personas con dislexia

La Dyslexia Style Guide 2018: Creating Dyslexia Friendly Content de la British Dyslexia Association:

This Style Guide provides principles that can help ensure that written material
considers the difficulties experienced by some dyslexic people and allows for the use
of text to speech to facilitate ease of reading. Adopting best practice for dyslexic
readers has the advantage of making all written communication easier on the eye for
everyone.

When making changes consider all the ways that you use written communications,
such as emails, presentations, web pages and printed materials. Consider these
principles in combination with other accessibility guidance such as the Web
Accessibility Content Guidelines (WCAG).

Readable Fonts

• Use sans serif fonts, such as Arial and Comic Sans, as letters can appear less
crowded. Alternatives include Verdana, Tahoma, Century Gothic, Trebuchet,
Calibri, Open Sans.
• Font size should be 12-14 point or equivalent (e.g. 1-1.2em / 16-19 px). Some
dyslexic readers may request a larger font.
• Larger inter-letter / character spacing (sometimes called tracking) improves
readability, ideally around 35% of the average letter width. If letter spacing is
excessive it can reduce readability.
• Inter-word spacing should be at least 3.5 times the inter-letter spacing.
• Larger line spacing improves readability and should be proportional to inter-word
spacing; 1.5 / 150% is preferable.
• Avoid Underlining and italics as this can make the text appear to run together and
cause crowding. Use bold for emphasis.
• Avoid text in uppercase / capital letters and small caps, which can be less familiar
to the reader and harder to read.

Headings and Structure

• Use headings and styles to create consistent structure to help people navigate
through your content.
In Word, you’ll find these tools in the ‘Home’ tab:
• For headings, use a font size that is at least 20% larger than the normal text. If
further emphasis is required, then use bold.
• Use formatting tools for text alignment, justification, indents, lists, line and
paragraph spacing to support assistive technology users.
In Word, you’ll find these tools in the ‘Layout’ tab:
• Add extra space around headings and between paragraphs.
• Ensure hyperlinks look different from headings and normal text.

Colour

• Use single colour backgrounds. Avoid background patterns or pictures and
distracting surrounds.
• Use sufficient contrast levels between background and text.
• Use dark coloured text on a light (not white) background.
• Avoid green and red/pink, as these colours are difficult for those who have colour
vision deficiencies (colour blindness).
• Consider alternatives to white backgrounds for paper, computer and visual aids
such as whiteboards. White can appear too dazzling. Use cream or a soft pastel
colour. Some dyslexic people will have their own colour preference.
• When printing, use matt paper rather than gloss. Paper should be thick enough to
prevent the other side showing through.

Layout

• Left align text, without justification.
• Avoid multiple columns (as used in newspapers).
• Lines should not be too long: 60 to 70 characters.
• Use white space to remove clutter near text and group related content.
• Break up the text with regular section headings in long documents and include a
table of contents.

Writing Style

• Use active rather than passive voice.
• Be concise; avoid using long, dense paragraphs.
• Use short, simple sentences in a direct style.
• Use images to support text. Flow charts are ideal for explaining procedures.
Pictograms and graphics can help to locate and support information in the text.
• Consider using bullet points and numbering rather than continuous prose.
• Give instructions clearly.
• Avoid double negatives.
• Avoid abbreviations where possible; always provide the expanded form when first
used.
• Provide a glossary of abbreviations and jargon.

viernes, 2 de septiembre de 2016

¿Quieres experimentar la dislexia?

Si quieres experimentar que es la dislexia, navega a la página web Dyslexia y presta atención.

lunes, 29 de junio de 2015

Teclado para disléxicos

DyslexiaKey es un teclado para iOS (iPhone, iPad) diseñado para las personas con dislexia. El teclado emplea un tipo de letra que minimiza las posibilidades de confusión.





martes, 17 de septiembre de 2013

La dislexia y la tipografía

Una mala tipografía puede ser una barrera de accesibilidad para las personas con dislexia. ¿Qué se debe hacer para evitar o reducir los problemas que pueden afectar a las personas con dislexia? En el vídeo Accesibilidad web: dislexia y tipografía explico los principales problemas y ofrezco algunos consejos:



Y la transcripción del vídeo:

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y este vídeo forma parte de una serie de videotutoriales dedicados a la accesibilidad web. En este vídeo vamos a ver qué es la dislexia y cómo la tipografía puede ser una barrera de accesibilidad para las personas con dislexia.

La Federación Mundial de Neurología define la dislexia como “un trastorno que se manifiesta por la dificultad en aprender a leer (y escribir) a pesar de recibir una enseñanza correcta, mostrar una inteligencia adecuada y disfrutar de las oportunidades socioculturales normales”.

La dislexia se manifiesta normalmente durante el período escolar, en las materias básicas de lectura y escritura.

Un niño con dislexia tiene problemas para aprender palabras nuevas, lo que supone un impedimento para la correcta comprensión y expresión y que, por tanto, dificulta su proceso de aprendizaje en general.

Para resolver estos y otros problemas, se aplican ”estrategias de compensación” que facilitan la adaptación a la vida diaria apoyándose en los puntos fuertes de la persona con dislexia.

Las alteraciones en el lenguaje se pueden manifestar de diferentes formas, pero las más comunes son:

La supresión de letras, como por ejemplo “bazo” por “brazo” o “árbo” por “árbol”.
La confusión de fonemas, como por ejemplo “bile” por “dile”.
La inversión en el orden de las letras o las sílabas, como por ejemplo “pardo” por “prado” o “drala” por “ladra”.
La sustitución de una palabra por otra que empieza por la misma sílaba o tiene un sonido parecido, como por ejemplo “lagarto” por “letardo”.

En especial, se presenta una gran confusión entre las letras que tienen una similitud, tanto en su forma como en su sonido.

Así, se suele confundir la “d” y la “b”; la “p”, la “q” y la “g”; todas las anteriores entre sí, ya que en muchos casos se trata del mismo glifo rotado; la “u” y la “n”; la “h” y la “n”, la “l” con la “i” y el número “1” y otras combinaciones.

Y aquí es donde entra en juego la tipografía.

¿Cuál es el problema con las tipografías que normalmente utilizamos?

En las tipografías normales suele primar el carácter estético antes que el funcional o práctico, aunque esto último también se tiene en cuenta en muchas ocasiones con el fin de mejorar la legibilidad de los textos.

Por ejemplo, supongo que un experto en tipografía será capaz de apreciar diferencias entre estas dos letras y estas otras dos, pero yo las veo exactamente iguales.

Imagina la siguiente ecuación, “l + 1 = j”. Si mostramos esta ecuación con el tipo de letra “Gill Sans MT”, esto es lo que obtenemos.

Se entiende, ¿verdad?

Recientemente, he visitado un sitio web en el que la tipografía utilizada producía unas dificultades de lectura enormes, ya que la letra “e” se confundía con una “c”.

Al principio pensé que era un problema de Google Chrome, el navegador que estaba usando. Sin embargo, al probar la misma página web con los navegadores Mozilla Firefox y Opera se producía el mismo error. Sólo con el navegador Microsoft Internet Explorer se mostraba correctamente la letra “e”.

El tipo de letra que se utiliza en esta página se llama Lato. En concreto, se emplea la versión “Lato Light”.

¿Qué se debe hacer para evitar o reducir los problemas que pueden afectar a las personas con dislexia?

En el artículo “6 malas prácticas sorprendentes que hacen daño a los usuarios con dislexia” se proporcionan seis consejos fáciles de entender y aplicar:

Evita el efecto río que se produce cuando existen grandes huecos vacíos en el texto en líneas consecutivas.

Evita el efecto borroso.

Y evita el efecto de lavado que produce que el texto se vea débil e indistinguible.

En el libro “Accessibility Handbook”, publicado en el año 2012, también se proporcionan algunos consejos para mejorar la accesibilidad de cara a los usuarios con dislexia.

Utiliza una fuente clara y que no produzca confusión porque dos letras distintas tienen un glifo similar (como las letras b, d, p, q, que normalmente son el mismo glifo pero rotado). Curiosamente, en este libro se recomiendo el uso del tipo de letra Comic Sans, odiada por la mayoría de los expertos en tipografía.

Utiliza texto real y no imágenes: esto permite a los usuarios con problemas utilizar hojas de estilo propias con sustitución de la tipografía empleada. En cualquier caso, se recomienda el uso de tipos de letra "sans serif", como Arial, Helvetica, Verdana o Tahoma.

El contenido debe ser claro de leer. Para ello, las frases deben ser cortas (no más de 10-15 palabras por frase) y los párrafos deben ser cortos.

Los colores de alto contraste pueden dificultar la lectura: un texto negro sobre un fondo blanco puede aparecer como borroso para muchas personas con dislexia. Se aconseja que el color del texto sea gris sobre un blanco oscuro. Además, esto cansa menos la vista para todas las personas.

El texto justificado es muy bonito, pero causa problemas. Mejor no usarlo nunca.

Las imágenes pueden ayudar y distraer a la vez, no hay una solución general: a muchos disléxicos les ayudan a comprender el contenido, pero a otros les puede distraer.

Las animaciones son, sin duda, una gran distracción, mejor no usarlas. Si se tienen que usar, no se debe utilizar la opción de "autoplay" y el usuario debe tener el control para detenerlas en cualquier momento.

Por eso mismo, los anuncios (banners) son un problema, una gran distracción.

Cuidado con los fondos, en especial, las imágenes de fondo. Son otra gran distracción y dificultan la lectura.

Algunos usuarios con una dislexia muy severa emplean lectores de pantalla, como los usuarios ciegos. Así que, una página web correctamente accesible para un usuario ciego también ayudará a los usuarios con dislexia severa que utilicen un lector de pantallas.

Algunos usuarios prefieren imprimir la página web y leerla impresa, así que hay que comprobar que la página web se imprime correctamente. Por ejemplo, se puede crear una hoja de estilo CSS específica para impresión.

Se debe de proporcionar un mecanismo de navegación global que no cambie al moverse por el sitio web.

Por último, hemos visto que algunos tipos de letra pueden causar una gran confusión ya que algunas letras se representan exactamente con el mismo glifo.

Existe un tipo de letra llamada “Dyslexie” que ha sido diseñada para facilitar la lectura de textos por parte de personas con dislexia.

En esta tipografía, las letras se han diseñado de forma que sean más fáciles de distinguir unas de otras y así reducir la posibilidad de confusión. Para ello, las diferencias entre las letras conflictivas se ha enfatizado, haciendo que se diferencien más.

Y con esto finaliza este videotutorial que ha explicado los problemas que puede causar la elección de una mala tipografía entre las personas con dislexia.

Si necesitas más información o quieres contactar conmigo, en mis páginas web http://accesibilidadweb.dlsi.ua.es y en http://desarrolloweb.dlsi.ua.es podrás encontrar más información sobre la accesibilidad web y el desarrollo web o también puedes contactar directamente conmigo a través de mi dirección de correo electrónico sergio.lujan@ua.es o a través de mi cuenta de Twitter @sergiolujanmora.

Muchas gracias por tu atención.

viernes, 19 de julio de 2013

Mejora de la accesibilidad para las personas con dislexia

En el artículo This young scientist is using technology to help dyslexics nos cuentan que Luz Rello, una estudiante de doctorado de la Universitat Pompeu Fabra está estudiando cómo mejorar la accesibilidad de las páginas web de cara a las personas con dislexia y ha recibido el European Young Researchers' Award 2013.

Es muy interesante todo lo que se cuenta en el artículo... que incluye un pequeño secreto.

miércoles, 26 de septiembre de 2012

Cómo mejorar la accesibilidad para las personas con problemas cognitivos

Estoy leyendo el libro Accessibility Handbook, de Katie Cunningham y publicado por la editorial O'Reilly (2012).

El libro es interesante, pero no he encontrado muchas cosas que me hayan sorprendido. Sin embargo, sí que me ha sorprendido el capítulo 5 "Cognitive Disabilities", ya que normalmente es un tema que no se suele tratar en libros similares.

En este blog he escrito en muy pocas ocasiones sobre los problemas cognitivos, así que es un tema que me interesa mucho ya que tengo mucho que aprender.

¿Qué he aprendido en este capítulo?

En primer lugar hay que centrar el problema. Bajo el concepto de problemas cognitivos se agrupan discapacidades tan diversas como el síndrome de Down, el autismo y la dislexia. Este libro se centra en la dislexia, en los desórdenes por déficit de atención (el famoso trastorno por déficit de atención con hiperactividad) y cualquier otro desorden originado por problemas de procesamiento de la información.

Respecto a la dislexia, los consejos que se proporcionan son:
  • Utiliza una fuente clara y que no produzca confusión porque dos letras distintas tienen un glifo similar (como las letras b, d, p, q, que normalmente son el mismo glifo pero rotado). Curiosamente, se recomiendo el uso del tipo de letra Comic Sans.
  • Utiliza texto real y no imágenes: esto permite a los usuarios con problemas utilizar hojas de estilo propias con sustitución de la tipografía empleada. En cualquier caso, se recomienda el uso de tipos de letra "sans serif", como Arial, Helvetica, Verdana o Tahoma.
  • El contenido debe ser claro de leer. Para ello, las frases deben ser cortas (no más de 10-15 palabras por frase) y los párrafos deben ser cortos.
  • Los colores de alto contraste pueden dificultar la lectura: un texto negro sobre un fondo blanco puede aparecer como borroso para muchas personas con dislexia. Se aconseja que el color del texto sea gris (por ejemplo, #111) sobre un blanco oscuro (por ejemplo #eee). Además, esto cansa menos la vista para todas las personas.
  • El texto justificado es muy bonito, pero causa problemas. Mejor no usarlo nunca.
  • Las imágenes pueden ayudar y distraer a la vez, no hay una solución general: a muchos disléxicos les ayudan a comprender el contenido, pero a otros les puede distraer.
  • Las animaciones son una gran distracción, mejor no usarlas. Si se tienen que usar, no se debe utilizar la opción de "autoplay" y el usuario debe tener el control para detenerlas.
  • Los anuncios (banners) son un problema, una gran distracción.
  • Cuidado con los fondos, en especial, las imágenes de fondo. Otra distracción y dificultan la lectura.
  • Algunos usuarios con una dislexia muy severa emplean lectores de pantalla, como los usuarios ciegos. Así que, una página web correctamente accesible para un usuario ciego también ayudará a los usuarios con dislexia severa.
  • Algunos usuarios prefieren imprimir la página web y leerla impresa, así que hay que comprobar que la página web se imprime correctamente. Por ejemplo, se puede crear una hoja de estilo CSS específica para impresión.
  • Se debe de proporcionar un mecanismo de navegación global que no cambie al moverse por el sitio web.
Respecto al déficit de atención, los consejos son:
  • Como su principal problema es lograr una buena concentración durante un período de tiempo largo, comparten algunos de los problemas de las personas con dislexia. Todo lo que se ha comentado antes que está relacionado con evitar distracciones les ayuda.
  • Las tareas largas se deben dividir en tareas más cortas. Por ejemplo, un formulario largo se debe dividir en varias partes (paso 1, paso 2, etc.) y se debe proporcionar una indicación del progreso (estás en el paso 1 de 3).
  • Las instrucciones deben ser cortas y nada complejas. Se deben eliminar las palabras o sentencias innecesarias y mucho mejor si se escriben en forma de lista en vez de en forma de párrafo.
  • El uso de vídeos para proporcionar instrucciones puede ser positivo para algunos usuarios, pero negativo para otros, así que se deben proporcionar diferentes alternativas (vídeo y texto).
  • La organización de las páginas es muy importante. Las páginas largas se deben dividir en páginas más pequeñas. Pero para algunos usuarios puede ser contraproducente la división, así que lo mejor es ofrecer ambas posibilidades (todo junto en una página o dividido en varias).
  • Utiliza mecanismos de navegación consistentes, el interfaz no debe sorprender al usuario.

martes, 19 de junio de 2012

Dyslexie, una tipografía para mejorar la accesibilidad para las personas con dislexia

La dislexia es una de esas condiciones que se engloba en el cajón de sastre de las discapacidades cognitivas o intelectuales. En la Wikipedia podemos encontrar la siguiente definición de dislexia:
Se le llama dislexia (del griego δυσ- dificultad, anomalía y λέξις habla o dicción) a la dificultad en la lectura que imposibilita su comprensión correcta. Aunque convencionalmente el término se aplique también a la dificultad para una correcta escritura, en este caso el término médico apropiado es el de disgrafía. En términos más técnicos, en psicología y psiquiatría se define la dislexia como una discrepancia entre el potencial de aprendizaje y el nivel de rendimiento de un sujeto, sin que existan cualquier tipo de problema, ya sea sensorial, físico, motor o deficiencia educativa (según el DSM-IV).
Una vez tuve una alumna que era disléxica (seguramente habré tenido más, pero pasan desapercibidos) y era realmente brillante. Y son muchos los casos de famosos que se emplean de ejemplo de disléxicos con éxito, aunque quizás en muchos casos sean "leyendas urbanas". En realidad, no creo que sea positivo realizar estas distinciones, nadie comenta que "Pepito ha tenido éxito a pesar de llevar gafas", pero bueno, ahí queda mi comentario.

El proyecto Dyslexie es una tipografía desarrollada específicamente para facilitar la lectura de textos por parte de personas con dislexia. Según la página del proyecto, estudios independientes realizados por la Universidad de Twente en los Países Bajos han demostrado que las personas con dislexia cometen menos errores al leer textos con esta tipografía.

¿Cuál es el problema con las tipografías normales? En las tipografías normales suele primar el carácter estético antes que el funcional o práctico, aunque esto último también se tiene en cuenta en muchas ocasiones con el fin de mejorar la legibilidad de los textos.

Sin embargo, en las tipografías normales muchos caracteres son muy parecidos, como las combinaciones v/w, i/j y m/n. Además, las personas con dislexia a veces manifiestan un efecto en espejo y pueden confundir letras como b/d o p/q. Y según la tipografía, también pueden confundir c/o, i/l/1, etc.

En Dyslexie, las diferencias entre las letras conflictivas se ha enfatizado, con el fin de reducir las posibles confusiones. En la página The typeface Dyslexie se explican 10 correcciones que se han realizado.

Este tipo de letra no es gratuita, pero tiene diferentes precios según el uso que se le vaya a dar (personal, educativo o empresarial).

El problema que veo en esta tipografía es que quizás pueda empeorar la experiencia de los usuarios que no sufren dislexia. Se lo preguntaré a mi amigo Daniel Rodríguez Valero, experto en tipografía digital.

domingo, 24 de abril de 2011

Seis consejos para mejorar la accesibilidad para las personas con dislexia

La dislexia, que en la actualidad no se considera una enfermedad, se define como "una discrepancia entre el potencial de aprendizaje y el nivel de rendimiento de un sujeto, sin que existan problemas sensoriales, físicos, motores o deficiencias educativas". La dislexia suele afectar al proceso de lectura y dificulta la comprensión de los textos que se leen.

En el trabajo Evaluating web site accessibility: validating the WAI guidelines through usability testing with disabled users, se explica que los problemas específicos que tienen los usuarios con dislexia al navegar por la Web son:

  • El posicionamiento de los enlaces y los mecanismos de navegación. Los enlaces que se sitúan lejos en cualquiera de los lados de la página web son pasados por alto en muchas ocasiones.
  • Las páginas web abarrotadas de texto y enlaces son confusas y difíciles de leer y navegar.
En 6 Surprising Bad Practices That Hurt Dyslexic Users se explican tres problemas que afectan a las personas con dislexia y seis consejos que pueden ayudar a reducir esos problemas:
  • Efecto río: se produce cuando existen grandes huecos vacíos en el texto en líneas consecutivas. Esto se puede deber a:
    • El texto justificado. Solución: evitar el justificado, alinear el texto a la izquierda.
    • Dejar dos espacios en blanco después de cada punto. Solución: sólo dejar un espacio en blanco.
  • Efecto borroso: esto se puede deber a:
    • Texto color negro puro sobre un blanco puro. Solución: utilizar un gris oscuro sobre un gris claro, pero con el suficiente contraste.
    • Bloques de texto muy grandes. Solución: dividir el texto en párrafos pequeños, una idea, un párrafo.
  • Efecto de lavado: el texto se ve débil e indistinguible. Esto se puede deber a:
    • El uso de tipos de letra serif. Solución: usar sans serif.
    • El uso de texto en cursiva. Solución: evitar la cursiva, utilizar la negrita para destacar el texto.

viernes, 17 de diciembre de 2010

ReadSpeaker

ReadSpeaker es un sistema que permite ofrecer un sistema de lectura, como si fuera un lector de pantalla, en cualquier página web, sin necesidad de que el usuario del sitio web se tenga que descargar e instalar algún tipo de software.

El sistema, además de leer el contenido de la página, también permite resaltar el texto, frase a frase o palabra a palabra, conforme lo va leyendo. Este tipo de sistema puede ayudar a algunos tipos de usuarios, como por ejemplo los que tienen algún tipo de problema cognitivo como la dislexia.

Como curiosidad, en este sitio web podemos leer que el Gobierno de España, en concreto el Ministerio de Ciencia e Innovación, emplea este sistema: Spanish Government adds online text to speech.