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.
Introduction
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 proposed deployment strategy includes a phased approach to rollout and community engagement. 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 process 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: Academic research and market research 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.
- Internal research has shown that most reading sessions are 20-30 second long, which isn't enough time 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: In our user testing, 632 Wikipedians submitted designs to inform the new typography on Wikipedia across 13 languages. While many designs focused on keeping the default the same, the majority of designs chose a larger font size
Proposed Timeline
April- May 2024:
- Discuss upcoming change with communities
- Begin consultations across communities announcing the upcoming change and answering any open questions
- Continue consultations for a limited period of time, approximately 2-3 weeks
May-June 2024
- 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 for debugging
- 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
- Change the default typography for logged-out users only
- Measure usage of appearance menu across logged-in users and gather additional data
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.
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.
Contexte
{{void|1= === 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. {{void|1= === Context du plan annuel ===}}
Citation du plan annuel 2023/2024 de la Fondation
|
---|
|
Aperçu du projet
Dans le cadre du projet Accessibilité pour la lecture, nous nous concentrerons sur deux initiatives principales :
- Améliorer la typographie du site et permettre aux utilisateurs de choisir leurs paramètres
- Introduction d'un mode nuit pour lequel les utilisateurs peuvent opter.
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 | |
---|---|---|---|
1a | 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. |
1b | 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. Nous discuterons avec les communautés pour déterminer si et comment les valeurs par défaut doivent être modifiées. Les langues et les scripts peuvent avoir des paramètres différents. |
1c | 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 |
2 | Publication sur les wikis pilotes | Itération basée sur les résultats des tests en collaboration avec les communautés de test | |
3 | Publication sur tous les wikis | Non défini |
Mode Nuit
Phase | Période | Description | |
---|---|---|---|
1a | 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. |
1b | Discussion avec les communautés | novembre/ | 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. Nous réfléchirons à des idées pour apporter les changements nécessaires au code contrôlé par la communauté. |
2 | Développement et test des prototypes | Non défini | Nous allons tester les prototypes et itérer dessus |
3 | Sortie pilote | Non défini | En fonction des résultats des tests, nous publierons la version bêta pour les communautés de test. La première version peut être une "fonctionnalité bêta", uniquement disponible pour les utilisateurs connectés. |
4 | 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).
- 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