Jump to content

Reading/Web/Accesibilidad para la lectura/Actualizaciones

From mediawiki.org
This page is a translated version of the page Reading/Web/Accessibility for reading/Updates and the translation is 32% complete.

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!

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.

abril de 2024: Early access to the dark mode (mobile web, logged-in)

Hola a todo el mundo, como anunciamos en noviembre, el equipo web de la Wikimedia Foundation está trabajando en el modo oscuro (a veces también llamado nocturno). Ahora, esta funcionalidad está disponible en todas las wikis para su prueba para aquellas personas que hayan iniciado sesión en el modo avanzado de la web móvil. Esta nueva funcionalidad no es disruptiva (véase la sección "Limitaciones conocidas" más abajo). Pero es necesario que colaboremos antes de lanzar esta funcionalidad a un público más amplio. Nuestros objetivos son los siguientes:

  • Mostrar lo que hemos construido cuanto antes. Y cuanto antes participes, más influirá tu opinión en la versión final.
  • Obtener tu ayuda para identificar errores, problemas y recibir peticiones.
  • Trabajar con las personas editoras con perfil técnico para ajustar varias plantillas y accesorios al modo oscuro.

Ve a la página del proyecto y a la página de preguntas frecuentes para ver más información sobre los fundamentos de este proyecto.

Limitaciones conocidas de la versión inicial

  • Actualmente, el modo oscuro sólo está disponible en móvil, para quienes hayan iniciado sesión y tengan el modo avanzado, como una funcionalidad opcional.
  • Es posible que, al principio, los accesorios no funcionen bien con el modo oscuro y haya que actualizarlos.
  • Nuestro primer objetivo es hacer que el modo oscuro funcione en los artículos. Las páginas especiales, las páginas de discusión y otros espacios de nombres aún no se han actualizado para que funcionen en modo oscuro. Hemos desactivado temporalmente el modo oscuro en algunas de estas páginas.

Lo que nos gustaría que hiciera (toda la comunidad)

Si tienes dudas, ¡pregúntanos! También, en los lugares que consideres adecuados, puedes enlazar a las Recomendaciones para la compatibilidad con el modo oscuro en las wikis de Wikimedia en las páginas que explican cómo definir los colores en el código. Pronto, esta página será marcada para su traducción. Nos gustaría enfatizar que las recomendaciones pueden evolucionar. Por esta razón, no sugerimos crear copias de las recomendaciones en tu wiki local. En algún momento, la copia podría ser diferente de la versión original.

Qué nos gustaría que hicieras (editores/as de plantillas, administradores/as de interfaces, editores/as técnicos/as)

Cuando la mayoría de los errores estén resueltos, podremos poner el modo oscuro a disposición de los lectores tanto en escritorio como en móviles. Para que esto ocurra, necesitamos vuestra colaboración para informar y solucionar los problemas.

  1. Para activarlo, usa el sitio web móvil, ve a la parte configuración de tu menú y activa el modo avanzado, si aún no lo has hecho. A continuación, establece el color en oscuro. (Más adelante, permitiremos que las preferencias del dispositivo establezcan el modo oscuro automáticamente).
  2. A continuación, consulta diferentes artículos y busca problemas:
    • Si has notado un problema con una plantilla pero no sabes cómo solucionarlo
      1. Ve a la página de recomendaciones y busca un ejemplo relevante
      2. Si no hay ningún ejemplo relevante disponible o no tienes certeza de la solución, contáctanos
    • Si quieres depurar muchas plantillas en modo oscuro
      1. Accede a https://night-mode-checker.wmcloud.org/ e identifica las plantillas que necesitan ser arregladas. La herramienta marca los 100 artículos más leídos.
      2. Ve a la página de recomendaciones y encuentra un ejemplo relevante.
      3. Si no hay ningún ejemplo relevante disponible o no estás seguro de la corrección, contáctanos
    • Si desea identificar problemas más allá de los 100 primeros artículos.
      1. Instala la extensión para navegador WCAG color contrast (Chrome, Firefox) y visita algunos artículos. Utilízala para identificar problemas
      2. Ve a la página recomendaciones y busca ejemplos relevantes
      3. Si no hay ningún ejemplo relevante disponible o no estás seguro de la solución, contacta con nosotros
      4. Si tienes un informe de error para el modo oscuro que no está relacionado con las plantillas
      5. Haz una captura de pantalla de lo que observas.
      6. Contáctanos. Si es posible, anota la versión de tu navegador y la versión de tu sistema operativo.

Gracias. ¡Estamos deseando conocer tus opiniones y comentarios!

diciembre de 2023: A new beta feature: Accessibility for Reading (Vector 2022)

The new menu in the un-pinned version, next to the user name

The Web team from the Wikimedia Foundation launched a new beta feature. The goal is to make reading on desktop more comfortable. The feature is only available to logged-in editors using the Vector 2022 skin. To try it out, go to the "beta" option in the user menu and select "Accessibility for Reading (Vector 2022)". You may also enable it on all wikis using the global preferences.

In the new menu, there are three text settings – small, standard, and large. Small is the current default. Large is for users who need additional increase in size. The standard setting may later become the new default. This was recommended by both the literature research and prototype testing. To this menu, we have also added the page width setting. Before, it was available in the bottom corner of the screen. Now, it's easier to find. The menu is pin-able in a similar way to the Tools and Main menus, both placed in the side columns of the desktop interface. When it's not pinned, it's displayed next to the user name.

About the above mentioned prototype testing: in October and November, we shared a prototype with 13 Wikipedia language communities. It allowed editors to experiment with different text settings, and report which configuration was most comfortable for them. We received feedback from 632 users. They were interested in changes and preferred options that fit within three size categories – small, medium, and large. You may learn more about the testing here.

We welcome you all to try the new menu. We will collect your ideas and comments to make this feature better. Please, if you have the time, check it out and give us your thoughts!

noviembre de 2023: Prototype testing results and next steps


Cohorts of designs sent by editors

In October and November, we shared a prototype with 13 Wikipedia language communities and received feedback from more than 600 editors and other logged-in users. The prototype allowed them to experiment with different font sizes, line height, and paragraph spacing, and report which configuration was most comfortable for them.

The majority preferred a slightly larger font size and line height than the current default (around 15 – 17px). A large group showed a strong preference for the current default (14 px), while a smaller group preferred significantly larger font sizes (20–24px). See the full results of the testing.

First version of the new Theme menu when the Tools menu is hidden

We learned that editors who decided to take part in the test are interested in changes. We hope that small, medium, and large options to choose between will be received positively.

In the first half of December, on all wikis, we will launch a new beta feature which allows to select the preferred typography. The feature will be opt-in and available in your user preferences. Turning it on will display a new collapsible menu in the right sidebar, which will appear under the Tools menu.

We invite you to look out for it, try it out when it becomes available, and tell us what you think. In the meantime, if you have time – read over the report linked above and take a look at the mock.

octubre de 2023: Dark mode and a prototype for readability improvements

An example of dark mode
Un ejemplo del modo oscuro
Prototype screenshot
Pantallazo del prototipo

Presentación del nuevo proyecto

Como equipo Web de la Fundación Wikimedia, estamos comenzando un proyecto llamado Accesibilidad para la lectura. El objetivo es que las wikis sean más accesibles y cómodas para su lectura. Empezamos por el tamaño de letra y la tipografía de los artículos. En la siguiente fase, nos centraremos en las personalizaciones de la paleta de colores, así como en el modo oscuro. Todo esto estará disponible como preferencias para las personas usuarias conectadas y desconectadas, tanto en la web de escritorio como en la móvil.

Este proyecto nace como respuesta a las numerosas peticiones de usuarios y usuarias. Nos gustaría agradecer a todas aquellas personas que han preguntado sobre este tema. Desde el punto de vista técnico, el modo oscuro es más fácil que el tamaño de letra, pero necesitará más implicación de las comunidades. Por eso te pedimos que sigas nuestro proyecto. Ver la página del proyecto y suscribirse a nuestro boletín.

Testa nuestro prototipo

Ahora queremos que los artículos sean más fáciles de leer y escanear para los lectores ocasionales. Nuestro objetivo es:

  1. Aumentar el tamaño de la fuente por defecto (pero no en exceso) para mejorar la legibilidad.
  2. Aumentar la densidad de información para mejorar la capacidad de escaneado
  3. Aumentar el espacio entre párrafos y secciones para mejorar la lectura.
  4. Permitir a quienes leen (¡incluyendo las personas desconectadas!) personalizar la densidad del texto.

Esto se aplicará a los artículos en el modo lectura y en VisualEditor, pero no en el editor de código. Estamos planeando que estos cambios se apliquen a todas las wikis. El valor predeterminado puede variar según el idioma o el script del proyecto.

Hemos preparado un prototipo que permite varios cambios en el tamaño de la letra y el espaciado. Para utilizar el prototipo, fuerza la aparición de un banner y haz clic sobre él. A continuación, prueba distintas combinaciones y comparte lo que funciona mejor para ti. Este prototipo no refleja el diseño final. En su lugar, nos gustaría saber qué tamaños de letra quieren ver los wikimedistas en los distintos idiomas. Utilizaremos estos datos para determinar la propuesta por defecto y las opciones. Más información sobre el test.