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.
Accesibilidad para la lectura
![]() Cambios tipográficos y preferencias para hacer el sitio más accesible
|
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
Como parte del 23/24, el objetivo del equipo Web es llevar la configuración de apariencia para todos los usuarios y cambiar la tipografía por defecto de todas las wikis. Se aumentará el tamaño de fuente y la altura de línea de texto por defecto para todos los usuarios en todas las wikis. Este aumento mejorará la legibilidad para la mayoría de los usuarios. El equipo planea realizar esta implementación junto con la implementación de un nuevo menú de apariencia que permita controlar el ancho de página, la tipografía y el próximo modo oscuro, lo que significa que los usuarios podrán ajustar fácilmente el tamaño de fuente al predeterminado anterior.
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:
- Readability research, academic studies, and market research: these sources indicated that generally bigger is better in terms of font size.
- 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.
- Our own research has shown that most reading sessions are 20–30 seconds 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.
- 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
junio de 2024: Typography and dark mode deployments, new global preferences
Earlier this month: Appearance menu available for everyone and typography changes for logged-out users
In early June, we increased the default font size for logged-out users in Vector 2022. Learn more about this deployment. In a few months, we will study how many logged-in users switch to standard and start a conversation on whether it makes sense for logged-in users to make the switch as well.
Global preferences for the Appearance menu
It is now possible to select a preference for the text size, page width, and color applying to all wikis. To do that, go to your global preferences. Thank you all for questions and patience!
Dark mode coming out of beta!
- Dark mode will soon be available for logged-in users on all Wikipedias, and for logged-out users on select Wikipedias. This will apply to the mobile web version first, and then desktop. The default will remain as "light mode", and we will ask users to opt into dark or automatic mode.
- The audience that will receive dark mode will vary based on the wiki:
- Tier 1 and 2 Wikipedias: wikis where the number of issues in dark mode when compared to light mode is not significant. These wikis will receive dark mode for both logged-in and logged-out users. Some small issues might still exist within templates, though. We will be adding ways to report these issues so that we can continue fixing templates together with editors.
- Tier 3 Wikipedias: wikis where the number of issues in dark mode when compared to light mode is significant. These wikis will only receive dark mode for logged-in users. We would like to make dark mode available to all users. However, some wikis still require work from communities to adapt templates. Similar to the group above, these wikis will also receive a link for reporting issues that will help identify remaining issues.
- Currently, we are aiming for the following dates for deployment:
- Week of July 1: mobile website (Minerva skin) on the Tier 1 Wikipedias
- Week of July 15:
- desktop website (Vector 2022 skin) on all Wikipedias
- mobile website: logged-in and logged-out on the Tier 2 Wikipedias, logged-in only on the Tier 3 Wikipedias
Work on dark mode continues
Next, we will turn dark mode on automatically based on the device preference. We also want to make dark mode available to logged-out users on all wikis. To do that, we continue to need your help updating templates and colors to be accessible in dark mode. As before, we encourage everyone to work on and report any issues with dark mode. Please see our FAQ and previous messages for details on how to help. Reach out to us if you have any questions!
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
|
---|
|
Objetivos
Mejoras en la tipografía
Los objetivos de este proyecto son:
- Identificar y comprender mejor los problemas. Revisar y clasificar los problemas de la tipografía actual en las wikis
- Facilitar una mejor lectura del sitio. Mejorar la legibilidad en sitios para móviles y ordenadores de sobremesa
- 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
- 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
- Mejorar la legibilidad de los artículos con poca luz
- 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/ |
|
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
- Promover y ajustar el código en wiki, siguiendo nuestras recomendaciones: para desplegar nuestros cambios para usuarios desconectados, es necesario ajustar el código controlado por la comunidad, como las plantillas. Requerirá llevar a cabo discusiones en los Cafés. Además, requerirá muchas ediciones. Ayúdanos iniciando estas conversaciones y realizando estas ediciones.
- Ver las recomendaciones para la compatibilidad del modo nocturno en las wikis Wikimedia (actualmente en construcción)
- Review and address issues with color contrast on your project using our night mode checker tool
- Review and fix issues with ambiguous colors using our linting tool
- Review error reports from users on your project on our reporting page (note you can modify where these reports go to by editing the page MediaWiki:vector-night-mode-issue-reporting-notice-url).
- Informar de errores: crea una tarea en Phabricator y añade #fy2023-24-we_2.1_typography_and_palette_customizations de proyecto.
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