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

miércoles, 17 de febrero de 2021

¡Desplazamiento infinito y accesibilidad! ¿Tiene algo de bueno?

Usuarió realizando scroll


Deseaba conocer si el scroll podía ser accesible pues mi intención era aplicarlo en mi web y me puse a buscar para investigar en Google (fuente de sabiduría). Lo que encontré me cambió de opinión y creo que el desplazamiento infinito es malo para las personas con discapacidad y para una amplia variedad de usuarios.

¿Qué es Infinite Scroll?

El desplazamiento infinito es una técnica de diseño web que carga contenido continuamente a medida que el usuario se desplaza hacia abajo en la página, eliminando la necesidad de paginación. El éxito del desplazamiento infinito en sitios de redes sociales como Twitter ha hecho que esta técnica sea popular, pero eso no significa que también tengas que hacerlo en tu diseño (si el vecino se tira por la ventana ¿tú lo harías?).

Si bien ARIA1.1 introdujo el rol Feed que permite un desplazamiento infinito accesible para los usuarios de lectores de pantalla, la lectura de publicaciones en varios blog que encontré cómo  ¿Crees que has construido un buen desplazamiento infinito?  De Adrian Rosell me cambió la opinión.

¿Dónde es problemático?

Los sitios web con desplazamiento infinito siguen obteniendo información de una base de datos y cargándola continuamente, creando así una página sin fin tipo Facebook. Este tipo de interacción también ha sido implementado por varios otros sitios de redes sociales, como Twitter, Pinterest o Tumblr. Este comportamiento de interacción puede crear un efecto visualmente atractivo, especialmente para sitios con muchas imágenes y es agradable de usar en dispositivos con pantalla táctil. Sin embargo, a menudo puede tener una influencia negativa en el diseño UX.

 

¿Por qué afecta al diseño UX?

Hoa Loranger, explica que el desplazamiento sin fin tiene consecuencias psicológicas que pueden dañar la experiencia del usuario mientras que la paginación les da control a los usuarios, ya que pueden encontrar fácilmente algo que vieron anteriormente o continuar a la página siguiente. también sirve como un indicador de cuánto material queda por revisar. Si bien las barras de desplazamiento muestran la cantidad de contenido disponible e indican al usuario dónde se encuentra en la página, pueden generar confusión en una página con desplazamiento infinito.

Conclusión

En unos puntos te menciono los motivos porque tienes que evitar el scroll.

1. El pie de página se vuelve inutilizable

Las personas entienden y esperan que en el pie de página existán enlaces a información secundaria importante. El desplazamiento infinito significa que el contenido recién cargado sigue empujando el pie de página fuera de nuestro alcance.

2. El rendimiento se ve afectado

Si utiliza el desplazamiento infinito en una página larga, está cargando constantemente más y más contenido en la memoria. Esto tendrá un impacto negativo en el rendimiento de la página, ya que el navegador tiene mucho más trabajo que hacer para representar la página.

3. Las personas pueden sufrir dudas.

Con páginas muy largas, las personas pueden sentirse paralizadas por la cantidad de contenido y opciones; el desplazamiento infinito puede causar pasividad y tasas de clics más bajas.

4. La barra de desplazamiento se vuelve inutilizable.

La barra de desplazamiento inevitablemente se vuelve pequeña y difícil de usar. Es difícil colocar el mouse en la barra de desplazamiento. Peor aún, la barra de desplazamiento les juega una mala pasada a los usuarios, ya que muestra la longitud de la página de manera inexacta: la barra de desplazamiento estará cerca de la parte inferior y, de repente, cuando los elementos se carguen, saltará y revelará que ahora hay más contenido para desplazarse. Es cruel decirle a la gente que casi terminan cuando no lo están.

jueves, 17 de octubre de 2019

El scroll y la accesibilidad

Tanto los maquetadores y diseñado conocemos lo atractivo que resulta una página con scroll, pero antes de profundizar en lo perjudicial que es para las personas con discapacidad tenemos que entender que es scroll se creó pensando en las redes sociales, no para el diseño de páginas dinámicas o fijas, antes de llegar a una conclusión de si es conveniente o no usarlo, te explicamos el daño que produce.
A los usuarios de solo teclado no pueden acceder a todo el contenido. Al tabular de un elemento a otro elemento, el foco se mueve desde el último elemento que está actualmente visible en la pantalla al siguiente elemento en el orden DOM.
Los usuarios que usan el software de lector de pantalla o cualquier otro software de reconocimiento quedan completamente excluidos de la experiencia de desplazamiento infinito.
Usuarios con discapacidad motriz: el scroll produce mucho esfuerzo, frustración y hasta enfado pues hasta llegar a la información o el objeto que deseas ver, tienen que ir deslizándose y deslizándose hasta él.
Usuarios con baja visión: los usuarios con baja visión tienden a usar lectores de pantalla, software de aumento de pantalla (lupas, magnificadores de pantalla…) o el modo de alto contraste de Windows. Es extremadamente difícil para un usuario con baja visión acceder al contenido dentro de un desplazamiento infinito.
Usuarios con discapacidades cognitivas: TDAH (siglas de Trastorno por Déficit de Atención e Hiperactividad), pérdida de memoria a corto plazo, etc., a menudo se pierden en el diseño y desarrollo. El scroll les produce una carga cognitiva muy alta.
Si aun sabiendo el daño que hace el scroll aún decides continuar con tu diseño tienes que conocer que WAI-ARIA 1.1 intenta ayudarte para hacerlo un poco más accesible, aunque solo afecte a los usuarios de lector de pantalla y magnificadores que tengan lector de pantalla, puedes usar role = feed aunque puedes llegar a pensar que ¡solucionado¡ pues nada más lejos de la realidad, aún existen lectores de pantalla que no lo admiten.