Lecture/Web/Accessibilité à la lecture

< Reading‎ | Web
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 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.

Mises à jour

mai 2024: User testing results, beta feature usage data, and the first version of dark mode now available

User testing results

We have performed usability testing on the Appearance menu. You can see the full results here. In short: in the Appearance menu (previously: Theme menu), the typography, width, and dark mode options are placed. The goal of the testing was to determine whether the menu is easy to use, and whether the names of the different settings are intuitive to most users. From this testing we learned:

  • No significant usability issues were found.
  • Users generally preferred to refer to a "dark" color scheme or "night" color scheme. As a result, we have changed the name of the feature back to "dark" color scheme or dark mode for short.
  • It was difficult for users to find the menu icon once collapsed. As a result, we have added a notice that informs users of where the menu has been collapsed to.

Beta feature usage data

We have been tracking the usage of the new menu as a beta feature. You can see the full results here. In short, we learned that "standard" was the most popular option to select. We also saw:

  • About 55% of clicks to the new menu were for a font size that was larger than the default (either standard or large font sizes)
  • The majority of the clicks, 46.7%, were for the "standard" font size.

This confirms that most users prefer a font size that is larger than the current default. We previously saw this in the findings from the community prototype testing. We will use this data to decide on the new default settings.

Dark mode is now available

Dark mode is now available to logged-in users on the mobile site (Minerva skin only)! To access this feature, you must be opted into advanced mode for mobile. Then, you can select "dark" from the list of color options. (Note: "automatic" will follow the preference of your device.) See the more detailed message about this change, and go to the FAQ page to see more information about the basics of this project.

Main pages will be displayed at full width

Currently, main pages, like articles, are displayed at limited width. Considering the two-column layout with pictures, and the current typography, the line length there (measured by characters per line, CPL) is acceptable. When the default font size is increased though, CPL becomes a bit too small. This is why we have decided to disable the limited width on main pages by default. Instead, they will be displayed at full width like special pages. For more technical details, see T357706.


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