fbpx Skip to content

Firefox Mobile introduce la navegación con la mano izquierda

El lanzamiento nocturno del navegador móvil de Firefox se ha convertido en el primer navegador en implementar una opción para zurdos en sus preferencias.

El protocolo web para zurdos, que se propuso por primera vez en la conferencia web bianual de 1998, se concibió inicialmente como una forma de permitir la navegación en línea para zurdos. El protocolo nunca fue adoptado oficialmente, gracias a un hardware ambidiestro.

Sin embargo, el surgimiento de las pantallas táctiles ha llevado a un inesperado renacimiento de la idea, y aunque todavía no ha sido oficialmente adoptada por el W3C, los fabricantes de navegadores están comenzando a implementarla, siendo Firefox el primero, y se espera que Opera la siga en breve.

Defendido por expertos en usabilidad como Caitlin Fring, el protocolo original de navegación para zurdos está siendo reinterpretado para las pantallas táctiles:

Cuando la web estaba controlada por un trackpad o un ratón, no había ningún caso de uso para una web para zurdos, pero con el crecimiento exponencial de las pantallas táctiles en los dispositivos móviles y de escritorio, estamos descubriendo que es cada vez más esencial para muchos de nuestros clientes.

~Jason Sommer, Diseñador de Usabilidad Senior, Mozilla

¿Qué es la Web para zurdos?

Cuando los usuarios navegan por la Web en un teléfono con pantalla táctil, especialmente en un dispositivo más grande, ciertas áreas son más fáciles de tocar que otras, debido al alcance del pulgar del usuario. Cuando se mantiene en la otra mano, el área de impacto disponible se refleja.

A nivel mundial, alrededor de una de cada diez personas son zurdas, lo que significa que para aproximadamente el 10% de los usuarios de cualquier sitio, la navegación y los CTA (Llamados a la acción) son inaccesibles.

El protocolo LHW (LHW (Left-Handed Web)) es una opción en las preferencias del navegador que permite a los usuarios configurar su navegador para que invierta la representación horizontal de la página de forma que los elementos que aparecen a la derecha se muevan a la izquierda y viceversa. (Elementos como el texto permanecen alineados a la izquierda y las imágenes no se voltean.) Al reposicionar los elementos según esta preferencia, las áreas de golpeo se vuelven más accesibles.

Mastodonit.cl renderizado normalmente en Firefox móvil (izquierda) y con la opción Zurdo activada (derecha).

En términos sencillos, la opción LHW -es importante tener en cuenta que la opción LHW es una preferencia de inclusión voluntaria; sólo aquellos usuarios que quieran habilitarla lo harán – simplemente invierten el orden de diseño de un sitio; si su logotipo está en la parte superior izquierda y su menú de hamburguesas en la parte superior derecha, entonces, con la opción LHW habilitada, su logotipo se moverá hacia la parte superior derecha, y su menú de hamburguesas hacia la parte superior izquierda.

La implementación de Firefox ha llegado al mercado con tanta rapidez porque se basa en la capacidad de la CSS Flexbox para invertir el orden horizontal de los elementos dispuestos en la pantalla.

¿Qué significa el LHW para el UX?

Uno de los mayores problemas con el LHW es cómo los diferentes fabricantes de navegadores eligen interpretar las recomendaciones; como todavía no se ha hecho ninguna recomendación formal, es probable que esas interpretaciones sean muy diferentes.

Cuando se introdujo CSS Flexbox, hubo interpretaciones radicalmente diferentes por parte de los fabricantes de navegadores, resultando en la necesidad de numerosos prefijos de navegadores. Microsoft, en particular, implementó un conjunto de reglas muy diferente al de cualquier otra empresa. Es probable que la implementación de las TSL sea aún peor.

La cuestión más controvertida es si la navegación debe invertirse. La implementación de Firefox no invierte la navegación, por lo que si el encabezado de su sitio está estructurado como$0027logo> home> servicios> about> contact$0027 entonces se prestará como$0027home> servicios> about> contact> logo$0027 (asumiendo que el logo es un elemento separado, y la navegación está correctamente marcada con un elemento ).


Sin embargo, Opera ha insinuado que su futura implementación invertirá la navegación, de modo que un sitio con un encabezado que diga$0027logo> home> servicios> about> contact$0027 será prestado como$0027contact> about> services> home> logo$0027. El argumento presentado para este enfoque es que el cambio en el orden de los elementos no debería cambiar su contexto.

En la actualidad, no sabemos hacia dónde irán los grandes navegadores -Chrome, Edge y Safari- (o incluso si implementarán el LHW).

Sabemos por numerosas pruebas de usuario que la posición más efectiva para un logo es la parte superior izquierda de la pantalla. Si se desplaza ese logotipo a la parte superior derecha de la pantalla para la LHW, es probable que afecte a la legibilidad. Los defensores de la LHW creen que los usuarios se adaptarán, sobre todo porque los únicos usuarios que verán la web de esta manera son zurdos que optan por ello, y verán toda la web de esta manera.

¿Qué deben hacer los diseñadores?

En última instancia, diseñar para usuarios zurdos es cuestión de accesibilidad, es cuestión de diseño inclusivo, y es sólo una forma más en la que tenemos que diseñar de forma responsable.

En la X Conferencia del año pasado en Budapest, Matt Ritchie presentó una propuesta para una nueva consulta en los medios de comunicación para manejar la navegación por LHW. La idea era permitir el ajuste fino de la presentación de agua caliente, permitiendo que los diseñadores anulen cuestiones críticas de colocación, como la posición del logotipo. Sin embargo, la idea ha sido ampliamente rechazada por ser demasiado fácil de anular las preferencias del usuario:

En última instancia, se trata de capacitar a los usuarios para interactuar de una manera que sea natural para ellos… proporcionando a los desarrolladores de front-end una herramienta para anular las preferencias declaradas en las fronteras de lo poco ético.

~ Caitlin Fring, diseñador centrado en el ser humano

Con el tiempo, inevitablemente se encontrarán soluciones. Los logotipos, por ejemplo, podrían codificarse en un elemento para evitar que se inviertan, aunque eso sólo funcionaría con la implementación de Firefox, y no con la versión de Opera.


Una cosa importante a tener en cuenta es que LHW sólo afecta al renderizado en el navegador, no afecta al código fuente. Así que habrá poco o ningún impacto en el ranking de los motores de búsqueda, y los enlaces continuarán siendo rastreados por los robots en el mismo orden. Sin embargo, puede afectar la ruta de un usuario a través de un sitio, y eso a su vez puede afectar las clasificaciones.

Los diseñadores y los desarrolladores deben trabajar juntos para asegurarse de que están totalmente preparados para este cambio a medida que se vaya adoptando. Considere la posibilidad de centralizar los logotipos en los dispositivos móviles, de modo que la posición del logotipo no cambie. Considere cambiar de menús horizontales a menús verticales para que el orden de los elementos no se invierta. Por último, asegúrese de que cualquier navegación está correctamente marcada en un elemento .


Es probable que la LHW afecte a un pequeño porcentaje de visitas al sitio: sólo el 10% de los usuarios se beneficiarán de ella; actualmente sólo está disponible en el móvil de Firefox por la noche; es una opción preferida.

El buen diseño consiste en crear sitios que se adapten a las necesidades del usuario, no en imponer las preferencias del diseñador a los usuarios. No puede pasar mucho tiempo antes de que el diseño para zurdos no sólo sea una buena práctica, sino que se incluya en las leyes de inclusión.

Parece que hemos engañado a la mayoría de vosotros este año, este fue nuestro post de los April Fools visto por uno o dos lectores.