Botón para abrir el Menú Botón para cerrar el Menú
Logo da empresa Alura
Iniciar Sesión Nuestros Planes
Formaciones Conoce a Luri
  • Programación _
  • Front End _
  • Data Science _
  • DevOps _
  • Innovación y Gestión _
Artículos de Tecnología > Programación

6 malas prácticas que perjudican usuarios disléxicos

Alura
tatiani-meneghini
tatiani-meneghini
08/06/2021

Compartir

Mira este artículo:
  1. Efecto del Río (River Effect)
  2. Mala práctica #1 — Texto justificado
  3. Mala práctica #2 — Doble espaciado después de los puntos finales
  4. Efecto borroso
  5. Mala prática #3 — Texto negro puro en un fondo blanco puro
  6. Mala práctica #4 — Párrafos largos sin interrupción
  7. Efecto de lavado
  8. Mala práctica #5 — Fuentes con Serif
  9. Mala práctica #6 — Texto en itálica
  10. Conclusión

img

Como diseñadores y desarrolladores web debemos ayudar a los usuarios disléxicos a leer con más facilidad. Ver con los ojos de los demás puede ayudarnos a mejorar nuestra perspectiva de porqué el diseño accesible es tan importante.

imgIlustración de una persona con dislexia intentando leer. Su rostro muestra que ella está con dificultad en la lectura con señales de frustración y preocupación. Al fondo hay la simulación de cómo ella está viendo las letras del papel. Ilustración de <ww2.kqed.org>.

La dislexia es un trastorno de aprendizaje que compromete la capacidad de aprender a leer, escribir y comprender un texto, como también deletrear.

Cuando usuarios disléxicos leen un texto, a veces experimentan efectos de distorsión visual. Estos efectos varían de grado de persona a persona, pero pueden hacer la lectura mucho más difícil.

Efecto del Río (River Effect)

A veces los disléxicos pueden ver el efecto de un “río” en el texto. Eso sucede cuando grandes lagunas ocurren dentro de líneas consecutivas, con la impresión de un río de espacio blanco fluyendo entre las palabras. Para combatir ese efecto, debemos evitar las prácticas #1 y #2:

img

img

Simulación de texto con el efecto del río, visto por usuarios disléxicos.

Mala práctica #1 — Texto justificado

El texto justificado dificulta la lectura no sólo de usuarios disléxicos, sino también de personas no disléxicas. Eso sucede porque son creados grandes espacios irregulares entre las palabras. Cuando esos espacios se alinean uno arriba del otro, puede aparecer un “río” de espacio blanco.

Esa práctica puede hacer que lectores disléxicos se pierdan repetidas veces durante la lectura. Para evitar este efecto, utiliza textos alineados a la izquierda.

Mala práctica #2 — Doble espaciado después de los puntos finales

La mayoría de nosotros tenemos el hábito de poner un doble espacio después del punto final de una frase.Esa práctica se originó en la época de la dactilografía. Las máquinas de escribir utilizaban fuentes monospaced en aquella época. Por eso, las personas pensaban que el doble espacio después de los puntos finales dejaría una manera de distinguir el fin de las sentencias.

Hoy el simple espacio después del punto final ya es suficiente, pues la mayoría de los sitios web utilizan fuentes con espacio proporcional.

Efecto borroso

Es cuando los lectores disléxicos ven el texto sin foco, con efecto borroso, como ejemplo de dos textos sobrepuestos. Eso puede afectar la capacidad de lectura de manera significativa y generar más cansancio visual para ellos. Para combatir ese efecto, evite las prácticas #3 y #4:

img

img

Simulación de texto con el efecto borroso, visto por los disléxicos.

Mala prática #3 — Texto negro puro en un fondo blanco puro

Muchos usuarios disléxicos son sensibles al brillo causado por colores de alto contraste, como el negro puro (#000000) o blanco (#FFFFFF). Eso puede hacer que las palabras se contraigan o se desenfoquen juntas.

Para evitar el efecto, utilice un color más claro al fondo — como el gris claro. También podemos utilizar un gris oscuro en el texto al revés del negro puro, quitando el brillo.

Mala práctica #4 — Párrafos largos sin interrupción

Bloques de textos largos son difíciles para todos, aún peor para los disléxicos. Lo mejor es utilizar párrafos pequeños, para expresar una idea por vez.

Los usuarios disléxicos necesitan de más cortes entre los distintos temas que los usuarios no disléxicos. Cortar tu texto, exhibiendo una idea por párrafo, deja la lectura mucho más fácil.

Efecto de lavado

El efecto de lavado causa una sensación de texto “débil” e indistinto. Eso puede dejar la lectura más lenta y hacer que los lectores disléxicos tengan que adivinar palabras, por la dificultad de verlas. Para combatir ese efecto, evite las prácticas #5 e #6:

img

img

Simulación de texto con efecto de lavado, visto por disléxicos.

Mala práctica #5 — Fuentes con Serif

Las fuentes con serifas tienen remates en las extremidades de los trazados de las letras. Parecen decorativos, pero acostumbran causar problemas de lectura. Las serifas pueden oscurecer el formato de las letras, dejándolas más juntas.

Una fuente con semi serifas permite a los usuarios disléxicos ver el formato de las letras más claro. La falta de los remates aumenta el espaciamiento entre las letras y las dejan más distinguibles.

Mala práctica #6 — Texto en itálica

La itálica o la bastardilla es usada para destacar el texto, pero no debemos utilizarla porque dejas las letras difíciles de ser leídas. Las letras en itálicas poseen una línea irregular en comparación con las fuentes no itálicas, además de inclinadas — dificultan aún más la distinción de las palabras.

Cuando el tamaño de la fuente es pequeño, el texto itálico queda más ilegible. Una buena manera de destacar la palabra es utilizar la negrita, pues de esa manera las letras quedan más distintas entre si y poseen mejor contraste.

Conclusión

Muchos usuarios sufren del trastorno disléxico y tienen problemas de lectura. En este texto ya conociste algunos ejemplos sobre cómo es la experiéncia de ellos en la web, deja tu site accesible a todas personas, corrigiendo las malas prácticas citadas.

No es fácil absorber información cuando lees un texto con distorsiones visuales. Todos tienen derecho a la información, sean disléxicos o no.

Si te interesa el tema de la Accesibilidad Web, no dejes de conferir el curso de Alura sobre este tema.

Este artículo fue traducido y adaptado. Artículo original: http://uxmovement.com/content/6-surprising-bad-practices-that-hurt-dyslexic-users/

Artículo Anterior
Reciba notificaciones de la api de Servlet a través de Listeners
Siguiente Artículo
Cómo convertirse en desarrollador full-stack el próximo año

Ver otros artículos sobre Programación

Navegación

  • Planes
  • Instructores
  • Blog
  • Política de privacidad
  • Términos de uso
  • Sobre nosotros
  • Preguntas frecuentes

¡CONTÁCTANOS!

  • ¡Quiero entrar en contacto!

Blog

  • Programación
  • Data Science
  • Front End
  • Innovación y Gestión
  • DevOps

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

NOVEDADES Y LANZAMIENTOS

Aliados

  • Programa de aceleração Scale-Up Endeavor
  • En Alura somos unas de las Scale-Ups seleccionadas por Endeavor, programa de aceleración de las empresas que más crecen en el país.
  • Growth Academy 2021 do Google For Startups
  • Fuimos unas de las 7 startups seleccionadas por Google For Startups en participar del programa Growth Academy en 2021
Alura

Powered by

Caelum

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

Cursos

Cursos de Programación
Lógica de Programación | Java
Cursos de Front End
HTML y CSS | JavaScript | React
Cursos de Data Science
Data Science | Machine Learning | Excel | Base de Datos | Data Visualization | Estadística
Cursos de DevOps
Docker | Linux
Cursos de Innovación y Gestión
Transformación Ágil | Marketing Analytics

Alura

  • Educação em Tecnologia

    • logo fiap FIAP
    • logo casa do codigo Casa do Código
    • logo pm3 PM3 - Cursos de Produto
  • Mais Alura

    • logo alura start START BY Alura
    • logo alura lingua Alura Língua
    • logo alura para empresas Alura Para Empresas
    • logo alura latam Alura LATAM
  • Comunidade

    • logo tech guide Tech Guide
    • logo 7 days of code 7 days of code
    • logo Hipsters ponto Jobs Hipsters ponto Jobs
  • Podcasts

    • logo Hipster Network Hipster Network
    • logo Hipsters ponto Tech Hipsters ponto Tech
    • logo Dev sem fronteiras Dev sem Fronteiras
    • logo Like a Boss Like a Boss
    • logo IA Sob Controle IA Sob Controle
    • logo Mesa de Produto Mesa de Produto
    • logo Decode Decode
    • logo FIAPCast FIAPCast