Lecture/Web/Accessibilité à la lecture

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

L'interface des projets Wikimédia doit être accessible et lisible, quelle que soit la langue ou son écriture. Il s'agit aussi bien de la majorité que des personnes ayant des besoins spécifiques. La typographie actuelle sur les ordinateurs de bureau et les mobiles nuit en effet à une bonne lisibilité. En outre, le mode nuit peut s'avérer utile dans les environnements à faible luminosité et pour les utilisateurs qui préfèrent les environnements de lecture à faible contraste. Nos interfaces ne fournissent pas cette fonctionnalité maintenant.

Nous aimerions changer la typographie par défaut. Nous ajouterons également des paramètres supplémentaires pour la typographie et le mode nuit dans les préférences. Ces modifications seront disponibles à la fois pour les utilisateurs connectés et les utilisateurs non connectés.

Aperçu du projet

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 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.
  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.

Mises à jour

juin 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!

Contexte

Pourquoi il est important de travailler dessus

Au cours de ces dernières années, nous avons introduit l'habillage Vector 2022 sur de nombreux wikis. Nous l'avons conçu pour améliorer l'expérience de lecture. Un autre objectif était d'offrir une expérience confortable aux utilisateurs existants et plus accueillante aux nouveaux utilisateurs. Cependant, il y a encore des problèmes de lisibilité à régler. Au cours des recherches effectuées dans le cadre de ce projet, nous avons constaté que la taille du texte lui-même était un des problèmes à résoudre.

Par rapport au texte numérique plus accessible, il faut plus de temps pour lire notre contenu sur un ordinateur de bureau ou un téléphone portable. La capacité de se souvenir du texte lu est également affectée. Il est important de garder à l'esprit que les gens se livrent à la fois à une lecture approfondie et à un balayage du texte.[1] Nous souhaitons améliorer notre typographie pour ces deux façons d'utiliser les projets.

De plus, notre interface de bureau ne permet pas de définir une taille de police confortable pour l'utilisateur. Au lieu de cela, les lecteurs ayant des besoins et des goûts spécifiques dépendent des fonctionnalités du navigateur pour modifier la taille de la police. Ces capacités varient selon le navigateur et ne sont pas toujours prises en charge par le reste de notre interface utilisateur. Cela entraîne des problèmes au niveau des outils ou de la navigation.

Context du plan annuel

Citation du plan annuel 2023/2024 de la Fondation 

Assurer une expérience de lecture de qualité pour tous les utilisateurs en adaptant l'expérience par défaut pour 15 % des pages vues, en fonction des besoins et contraintes individuels de l'utilisateur.

Ce résultat clé vise à permettre à notre interface de s'adapter aux besoins individuels si nécessaire. La théorie veut que les gens se sentent plus engagés avec un site web et une interface qui peuvent s'adapter à leurs besoins. Il peut s'agir de travaux tels que le mode sombre, la densité du texte et des pages, et la personnalisation de la taille des polices. Une partie de cette adaptation peut être effectuée automatiquement par l'interface - par exemple, en créant des versions réactives d'une fonctionnalité ou d'un outil, ou en veillant à ce que le mode sombre soit activé en fonction des paramètres du navigateur ou de l'appareil de l'utilisateur. Dans d'autres cas, cette adaptation peut se faire par le biais d'une personnalisation intentionnelle - permettant aux utilisateurs de sélectionner des états autres que ceux par défaut dans des cas spécifiques (mais limités). Du point de vue de l'accessibilité, il se concentrera sur les fonctionnalités qui doivent être construites de manière autonome pour permettre une plus grande accessibilité, ou pour permettre de définir des valeurs par défaut plus favorables à l'accessibilité, tout en laissant la possibilité d'une personnalisation aux utilisateurs qui ont des préférences différentes. Pour fixer le chiffre spécifique de "15%", nous avons examiné la manière dont les utilisateurs adaptent l'expérience par défaut dans l'application iOS de Wikipédia. 59% des utilisateurs de l'application utilisent un thème autre que celui par défaut (sombre, noir ou sépia).

Nous avons utilisé ce chiffre comme référence, mais nous avons tenu compte de notre hypothèse selon laquelle il est plus probable que les utilisateurs habituels de Wikipédia sur le web prennent le temps d'adapter leur expérience de lecture, par opposition aux utilisateurs sporadiques.


Objectifs

Amélioration de la typographie

Les objectifs de ce projet sont les suivants :

  1. Identifier et mieux comprendre les problèmes. Examiner et classer les problèmes liés à la typographie actuelle des wikis
  2. Pour rendre le site plus facile à lire . Améliorer la lisibilité sur les sites pour mobiles et pour bureau
  3. Fournir une typographie mieux adaptée aux différentes langues et écritures. Optimiser la lisibilité avec le soutien et l'expertise des différentes communautés
  4. Permettre aux lecteurs de personnaliser la typographie. Introduction de préférences typographiques, utiles surtout pour les personnes ayant des besoins et des goûts distincts

Mode nuit

  1. Améliorer la lisibilité des articles dans des conditions de faible luminosité
  2. Rendre les options et les paramètres du mode nuit facilement accessibles et utilisables

Calendrier et budget

Amélioration de la typographie

Phase Calendrier Description
Révision de la recherche et de la littérature juillet– Nous découvrons ce que les chercheurs disent de la typographie pour les ordinateurs de bureau et les téléphones portables.
Tests de prototypes + discussion avec les communautés octobre– La plupart des éditeurs ayant participé au test précédent étaient ouverts à une augmentation de la taille des caractères. Ils venaient de différentes communautés.
Déploiement de la fonctionnalité bêta décembre 2023 Nous publions les améliorations typographiques en tant que fonctionnalité bêta sur tous les wikis et encourageons les communautés à les essayer et à nous fournir leurs commentaires
Publication sur les wikis pilotes Itération basée sur les résultats des tests en collaboration avec les communautés de test
Discussions with communities avril/ Announcing the upcoming change and answering questions. This will take 2-3 weeks
Publication sur tous les wikis mai/
  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

Mode Nuit

Phase Période Description
Révision technique septembre– Nous passerons en revue les idées de mise en œuvre du mode nuit et déciderons de la méthode à utiliser. Nous passerons en revue le gadget mode sombre, le mode nuit sur les applications, etc.
Discussion avec les communautés Nous travaillerons avec les éditeurs pour ajuster le code contrôlé par la communauté (comme les modèles) afin que le mode nuit fonctionne correctement.
Sortie pilote mars– La première version peut être une "fonctionnalité bêta", uniquement disponible pour les utilisateurs connectés. On mobile, it's only available in the advanced mode. On desktop, it will be a "beta feature".
Sortie pour tous les utilisateurs Not defined Lorsque le code contrôlé par la communauté est ajusté, le mode nuit sera disponible pour les utilisateurs déconnectés.

S'impliquer et contacter

Evaluation du projet

Nous mesurerons la réussite de ce projet à l'aide de méthodes qualitatives et quantitatives. Nous examinerons en particulier:

  • Décisions soutenues par la recherche dans la création et le développement de prototypes
  • Améliorations qualitatives de la lisibilité basées sur les tests d'utilisateurs et les conversations avec la communauté
  • Au moins X% de toutes les sessions sont plus longues que les Y qui personnalisent la typographie
    • Note : variables exactes à déterminer
  • Au moins X% de toutes les sessions utilisent le mode nuit
  • Aucun changement significatif dans la profondeur de lecture

Références