Reading/Web/Accesibilidad para la lectura

< Reading‎ | Web
This page is a translated version of the page Reading/Web/Accessibility for reading and the translation is 81% complete.
Outdated translations are marked like this.

La interfaz de los proyectos Wikimedia debe ser accesible y legible, independientemente del idioma o el alfabeto. Esto incluye tanto a la mayoría como a las personas que tienen necesidades específicas. Sin embargo, la tipografía actual en ordenadores de sobremesa y móviles puede dificultar la legibilidad. Además, el modo noche puede ser útil en entornos con poca luz y para aquellas personas que prefieren entornos de lectura con poco contraste. Actualmente, nuestras interfaces no ofrecen esta funcionalidad.

Nos gustaría cambiar la tipografía predeterminada. También crearemos ajustes adicionales para la tipografía y el modo oscuro como preferencias. Estos cambios estarán disponibles tanto para las personas logadas con cuenta como quienes las desconectadas.

Resumen del proyecto

As part of the 23/24 annual plan, the Web team's goal is to bring appearance settings for all users and change the default typography of all wikis. The default font size and text line height for all users across wikis will increase. This increase will improve readability for the majority of users. The team plans to make this deployment alongside the deployment of a new appearance menu which allows controls for page width, typography, and the upcoming dark mode – meaning that users will easily be able to adjust the font size back to the previous default.

The team plans to initiate discussions across all wikis, focusing on debugging current features and generating ideas for future enhancements. Then, the team will proceed with deployments, bringing the appearance menu to all users and the new typography defaults to logged-in users only. The deployment will be conducted in two steps, initially targeting a small set of wikis for testing before implementing changes across all wikis.

The decision to modify default typography is informed by research findings and accessibility recommendations. Currently, the WCAG recommendations for font size start with a minimum of 16 pixels and a AAA recommendation of 18 pixels for easy reading. Our current default is 14 pixels. This makes it more difficult to read (when compared to similar sites for long-form reading that are following these guidelines). On the other hand, we are aware that scannability (being able to scan and quickly find specific information within the page) is important for Wikipedia and that we should limit changes in text density when setting a new font size. The planned default font size is 16 pixels. This is based on:

  1. Readability research, academic studies, and market research: these sources indicated that generally bigger is better in terms of font size.
    1. Most long-form reading websites (such as news websites or social media) opt for somewhere between 16 and 18 pixels. In the two studies that specifically focused on increasing the font size of Wikipedia, researchers determined that increasing size improves comprehension.
    2. Our own research has shown that most reading sessions are 20–30 second long. This isn't enough to digest and change a type setting. This option gives the readability benefits of the new default to the most people possible with the least amount of user effort.
  2. Accessibility recommendations

Community-proposed designs: 632 logged-in users from 13 Wikipedias submitted designs with typography settings that they considered as comfortable for them. While many designs focused on keeping the default the same, the majority of designs chose a larger font size.

Actualizaciones

mayo de 2024: resultados de pruebas de usuarios, datos de uso de funciones beta y lanzamiento en modo oscuro

Resultados de las pruebas de usuario

Realizamos pruebas de usabilidad en el menú Apariencia. Puedes ver los resultados completos aquí. En resumen: en el menú Apariencia (antes: menú Tema), se colocan las opciones de tipografía, ancho y modo oscuro. El objetivo de la prueba era determinar si el menú es fácil de usar y si los nombres de las diferentes configuraciones son intuitivos para la mayoría de los usuarios. Con esta prueba aprendimos:

  • No se encontraron problemas importantes de usabilidad.
  • Los usuarios a menudo prefieren referirse a una combinación de colores "oscuros" o a una combinación de colores "noche". Como resultado, cambiamos el nombre de la función nuevamente a un esquema de color "oscuro" para abreviar.
  • Era difícil para los usuarios encontrar el ícono del menú una vez que estaba contraído... por eso agregamos un aviso que les indica a los usuarios dónde estaba contraído el menú.

Beta feature usage data

Hemos estado monitoreando el uso del nuevo menú como función beta (puedes ver resultados completos aquí). En resumen, aprendimos que "predeterminado" era la opción de selección más popular.

También vimos que:

  • Aproximadamente el 55% de los clics en el nuevo menú fueron para un tamaño de fuente mayor que el predeterminado.
  • La minoría de clics, el 46,7%, fueron para el tamaño de fuente “estándar”.

Esto confirma que la mayoría de los usuarios prefieren un tamaño de fuente mayor que el predeterminado actual. Vimos esto anteriormente en los hallazgos de la prueba de prototipo comunitario. Usaremos estos datos para decidir sobre nuevas configuraciones predeterminadas.

El modo oscuro ahora está disponible para usuarios autenticados o que hayan iniciado sesión en el sitio en formato móvil (solo apariencia Minerva) y para acceder a esta función debe habilitar el modo mejorado para dispositivos móviles. Luego puede seleccionar "oscuro" de la lista de opciones de color. (Nota: el modo "Automático" seguirá las preferencias de su dispositivo) Ver más detalles sobre este cambio o consulte la página de preguntas frecuentes para obtener más información sobre los conceptos básicos de este proyecto.

El modo oscuro ahora está disponible para usuarios autenticados o que hayan iniciado sesión en el sitio en formato móvil (solo apariencia Minerva) y para acceder a esta función debe habilitar el modo mejorado para dispositivos móviles. Luego puede seleccionar "oscuro" de la lista de opciones de color. (Nota: el modo "Automático" seguirá las preferencias de su dispositivo) Ver más detalles sobre este cambio o consulte la página de preguntas frecuentes para obtener más información sobre los conceptos básicos de este proyecto.

Main pages will be displayed at full width

Actualmente, las páginas principales, así como los artículos, se muestran en ancho limitado. Considerando el diseño a dos columnas con imágenes y tipografía actual, la longitud de línea (medida en caracteres por línea, CPL) es aceptable. Sin embargo, cuando se aumenta el tamaño de fuente predeterminado, el CPL se vuelve un poco pequeño. Es por eso que decidimos desactivar el ancho limitado en las páginas principales de forma predeterminada. En cambio, se mostrarán en todo su ancho como páginas especiales. Para obtener más detalles técnicos, consulte T357706.


Contexto

Por qué es importante trabajar en esto

En los últimos años, hemos introducido Vector 2022 skin en muchas wikis. Lo hemos diseñado para mejorar la experiencia de lectura. Otro objetivo era ofrecer una experiencia cómoda para quienes ya eran usuarias y usuarios que también fuera acogedora para las personas novatas. Sin embargo, aún tenemos que resolver algunos problemas de legibilidad. Durante la investigación para ese proyecto, uno de los problemas que identificamos fue el tamaño del propio texto.

En comparación con el texto digital, más accesible, se tarda más en leer nuestros contenidos en ordenadores de sobremesa y móviles. La capacidad de recordar el texto leído también se ve afectada. Un factor importante que hay que tener en cuenta es que las personas realizan tanto una lectura en profundidad como un escaneo del texto.[1] Nos gustaría mejorar nuestra tipografía para ambas formas de utilizar los proyectos.

Además, nuestro sitio de escritorio no permite establecer un tamaño de letra cómodo para el usuario. En cambio, las personas lectoras que tienen necesidades y gustos específicos dependen de la funcionalidad del navegador para modificar el tamaño de la fuente. Estas capacidades varían según el navegador y no siempre son compatibles con el resto de nuestra interfaz. Esto causa problemas con las herramientas o la navegación.

Contexto del plan anual

Cita del plan anual 2023/2024 de la Wikimedia Foundation 

Garantizar una experiencia de lectura de calidad para cualquier usuaria/o adaptando la experiencia por defecto para el 15% de las páginas vistas, en función de las necesidades y limitaciones individuales de cada persona.

Este resultado clave se centra en dar la oportunidad a nuestra interfaz de adaptarse a las necesidades individuales cuando sea necesario. La teoría es que las personas usuarias se sentirán más comprometidas con un sitio web y una interfaz que puedan adaptarse a sus necesidades. Esto puede incluir aspectos como el modo oscuro, la densidad del texto y de la página, y personalizaciones del tamaño de la fuente. Parte de esta adaptación la puede hacer automáticamente la interfaz, por ejemplo, creando versiones adaptables de una función o herramienta, o asegurándose de que se activa el modo oscuro en función de la configuración del navegador o del dispositivo del usuario/a. En otros casos, esta adaptación puede realizarse mediante una personalización intencionada, que permita a los usuarios seleccionar estados no predeterminados en casos específicos (pero limitados). Desde el punto de vista de la accesibilidad, se centrará en las funciones que deben construirse como autónomas para permitir una mayor accesibilidad, o para permitir establecer valores predeterminados que sean más favorables a la accesibilidad, dejando al mismo tiempo la oportunidad de personalización a los usuarios que tengan preferencias diferentes. Para establecer la cifra concreta del "15%", nos fijamos en cómo adapta cada usuario/a la experiencia ofrecida de manera predeterminada en la aplicación de Wikipedia para iOS. El 59% de usuarias/os de la aplicación utilizan un tema no predeterminado (oscuro, negro o sepia).

Utilizamos esta cifra como referencia, pero tuvimos en cuenta nuestra suposición de que es más probable que las personas que utilizan habitualmente Wikipedia desde la web dediquen tiempo a adaptar su experiencia de lectura, a diferencia de quienes lo hacen de manera esporádica.


Objetivos

Mejoras en la tipografía

Los objetivos de este proyecto son:

  1. Identificar y comprender mejor los problemas. Revisar y clasificar los problemas de la tipografía actual en las wikis
  2. Facilitar una mejor lectura del sitio. Mejorar la legibilidad en sitios para móviles y ordenadores de sobremesa
  3. Proporcionar una tipografía que se adapte mejor a los distintos idiomas y alfabetos. Optimizar la legibilidad con el apoyo y la experiencia de las distintas comunidades
  4. Permitir a las personas usuarias personalizar la tipografía. Introducir preferencias tipográficas, útiles sobre todo para personas con necesidades y gustos distintos.

Modo noche

  1. Mejorar la legibilidad de los artículos con poca luz
  2. Opciones y ajustes del modo noche fácilmente accesibles y utilizables

Timeline y fases

Mejoras tipográficas

Fase Marco temporal Descripción
Revisión de literatura e investigación julio de– Aprendemos lo que dicen quienes investigan sobre tipografía para escritorio y móvil
Pruebas de prototipos + conversaciones con las comunidades octubre de– La mayoría de las personas editoras que participaron en los test previos se mostraron abiertas a aumentar el tamaño de letra. Procedían de diferentes comunidades.
Beta feature deployment diciembre de 2023 We released the typography improvements as a beta feature to all wikis and encouraged communities to try it out and give us their feedback
Lanzamiento en las wikis piloto Iteración basada en los resultados de las pruebas en colaboración con las comunidades de prueba.
Discussions with communities abril de/ Announcing the upcoming change and answering questions. This will take 2-3 weeks
Activación en todas las wikis mayo de/
  1. Deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to a small set of wikis
  2. One week later, deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to all wikis
  3. Change the default typography for logged-out users only
  4. Measure usage of appearance menu across logged-in users and gather additional data

Modo noche

Fase Marco temporal Descripción
Revisión técnica septiembre de– Revisaremos las ideas para la aplicación del modo nocturno y decidiremos qué aplicación queremos utilizar. Revisaremos el accesorio modo oscuro, el modo nocturno en las apps, etc.
Discusión con las comunidades Trabajaremos con las personas editoras para ajustar el código controlado por la comunidad (como las plantillas) para que el modo nocturno funcione correctamente.
Lanzamiento piloto marzo de– La primera versión puede ser una "funcionalidad beta", sólo disponible para quienes estén registrados. On mobile, it's only available in the advanced mode. On desktop, it will be a "beta feature".
Lanzamiento para todos los usuarios y usuarias No definido Cuando se ajuste el código controlado por la comunidad, el modo nocturno estará disponible para aquellos usuarios y usuarias que estén desconectados.

Participación y Contacto

Evaluación del proyecto

Mediremos el éxito de este proyecto con métodos cualitativos y cuantitativos. En concreto, analizaremos:

  • Decisiones respaldadas por la investigación en la creación y desarrollo de prototipos
  • Mejoras cualitativas de la legibilidad basadas en pruebas con usuarios/as y conversaciones con la comunidad.
  • Al menos el X% de todas las sesiones de más de Y que personalizan la tipografía
    • Aclaración: variables exactas por determinar
  • Al menos el X% de las sesiones utilizan el modo nocturno
  • Sin cambios significativos en la profundidad de lectura

Referencias