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.
Accessibilité pour la lecture
![]() Changements typographiques et préférences pour rendre le site plus accessible
|
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:
- 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.
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
|
---|
|
Objectifs
Amélioration de la typographie
Les objectifs de ce projet sont les suivants :
- Identifier et mieux comprendre les problèmes. Examiner et classer les problèmes liés à la typographie actuelle des wikis
- Pour rendre le site plus facile à lire . Améliorer la lisibilité sur les sites pour mobiles et pour bureau
- 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
- 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
- Améliorer la lisibilité des articles dans des conditions de faible luminosité
- 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/ |
|
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
- Promouvoir et ajuster le code sur le wiki, en suivant nos recommandations : pour déployer nos changements pour les utilisateurs déconnectés, le code contrôlé par la communauté, comme les modèles, doit être ajusté. Des discussions peuvent être nécessaires dans les bistrots. Il faudra aussi beaucoup de modifications. Aidez-nous en entamant de telles conversations et en procédant à de telles modifications.
- Voir les recommandations pour la compatibilité avec le mode nuit sur les wikis Wikimédia (en cours de construction).
- 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).
- Signaler des bugs : créer une tâche dans Phabricator et ajouter un projet de #fy2023-24-we_2.1_typography_and_palette_customizations.
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