Lecture/Web/Accessibilité à la lecture
Accessibilité pour la lecture
![]() Changements typographiques et préférences pour rendre le site plus accessible
|
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
Dans le cadre du 23/24 plan annuel, l’objectif de l’équipe Web est d’apporter des paramètres d’apparence pour tous les utilisateurs et de changer la typographie par défaut de tous les wikis. La taille de police par défaut et la hauteur des lignes de texte pour tous les utilisateurs sur les wikis augmenteront. Cette augmentation améliorera la lisibilité pour la majorité des utilisateurs. L’équipe prévoit de déployer ce service en même temps que le déploiement d’un nouveau menu d’apparence qui permet de contrôler la largeur de page, la typographie et le mode sombre à venir – ce qui signifie que les utilisateurs pourront facilement ajuster la taille de la police à la valeur par défaut précédente.
L’équipe prévoit d’amorcer des discussions sur tous les wikis, en se concentrant sur le débogage des fonctionnalités actuelles et la génération d’idées pour de futures améliorations. Ensuite, l’équipe procédera aux déploiements, en mettant le menu d’apparence à la disposition de tous les utilisateurs et la nouvelle typographie par défaut aux seuls utilisateurs connectés. Le déploiement se fera en deux étapes, ciblant initialement un petit ensemble de wikis pour les tests avant d’implémenter des changements sur tous les wikis.
La décision de modifier la typographie par défaut est fondée sur les résultats de recherche et les recommandations en matière d’accessibilité. Actuellement, les recommandations [1 $ WCAG] pour la taille de police commencent avec un minimum de 16 pixels et une recommandation AAA de 18 pixels pour faciliter la lecture. Notre valeur par défaut est de 14 pixels. Cela rend la lecture plus difficile (par rapport aux sites similaires pour la lecture longue forme qui suivent ces lignes directrices). D’autre part, nous sommes conscients que la scannabilité (être capable de scanner et de trouver rapidement des informations spécifiques dans la page) est importante pour Wikipédia et que nous devrions limiter les changements de densité du texte lors de la définition d’une nouvelle taille de police. La taille de police par défaut prévue est de 16 pixels. Elle est basée sur :
- recherche sur la lisibilité, les études universitaires et les recherches de marché : ces sources indiquent que généralement plus grand est meilleur en termes de taille de police.
- La plupart des sites de lecture longue (comme les sites d’information ou les médias sociaux) optent pour un format entre 16 et 18 pixels. Dans les deux études qui ont spécifiquement porté sur l’augmentation de la taille des polices de Wikipédia, les chercheurs ont déterminé que cette augmentation améliore la compréhension.
- Nos propres recherches ont montré que la plupart des séances de lecture durent entre 20 et 30 secondes, ce qui n’est pas suffisant pour digérer et modifier un réglage de type. Cette option permet d’offrir les avantages de la lisibilité du nouveau paramètre par défaut au plus grand nombre de personnes possible avec le moins d’effort utilisateur.
- [1 $ Recommandations d’accessibilité]
- Modèles proposés par la Communauté : 632 utilisateurs connectés de 13 Wikipédias ont soumis des designs avec des paramètres typographiques qu’ils considéraient comme confortables pour eux. Alors que de nombreux modèles se sont concentrés sur le maintien du même format par défaut, la majorité des modèles ont choisi une taille de police plus grande.
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 mobile. 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 dans une lecture sommaire 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.
Contexte 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 avons appris ce que les chercheurs disent de la typographie pour les ordinateurs de bureau et les téléphones mobiles. |
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 avons publié les améliorations typographiques en tant que fonctionnalité bêta sur tous les wikis et avons encouragé 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 avec les communautés | avril/ | Annoncer le changement à venir et répondre aux questions. Cela prendra 2-3 semaines |
Publication sur tous les wikis | mai/ |
|
Mode Nuit
Phase | Période | Description |
---|---|---|
Révision technique | septembre– | Nous avons passé en revue les idées de mise en œuvre du mode nuit et avons décidé de la méthode à utiliser. Nous avons passé en revue le gadget mode sombre, le mode nuit sur les applications, etc. |
Discussion avec les communautés | Nous avons travaillé avec les éditeurs techniques 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 est uniquement disponible pour les utilisateurs connectés. Sur les mobiles, il n’est disponible qu’en mode avancé. Sur les ordinateurs de bureau, ce sera une "fonctionnalité bêta". |
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.
- 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