L’avenir radieux du mode sombre : comment le mode sombre va transformer l’accessibilité de Wikipédia

par et
Traduire cet article

Le mode sombre est disponible sur Wikipédia (enfin !).

Le mode sombre est l’une des fonctionnalités les plus demandées. Il améliore l’accessibilité et réduit la fatigue oculaire pour les lecteur·rice·s et les communautés des projets Wikimedia en fournissant un environnement à faible contraste. Cette fonctionnalité est désormais disponible sur certains wikis, sur téléphone portable et sur ordinateur, en mode lecture et en mode édition !

Si la création d’un mode sombre peut sembler simple, sur Wikipédia et d’autres projets Wikimedia, il a fallu relever des défis délicats et uniques pour mener à bien ce projet. Les équipes d’ingénieur·e·s de la Fondation ont travaillé en étroite collaboration avec des rédacteur·rice·s techniques bénévoles pour mettre au point cette fonctionnalité.

L’importance du mode sombre

Les lecteur·rice·s et les communautés de Wikipédia voulaient un mode sombre ! C’est l’une des fonctionnalités les plus demandées par les contributeur·rice·s depuis au moins 2019. L’absence de cette fonctionnalité a été une source constante de griefs sur les comptes de réseaux sociaux de la Wikimedia Foundation. En outre, nos analyses montrent que 20% de notre lectorat a spécifié au niveau du système d’exploitation qu’il préférait le mode sombre. Bien que les études soient mitigées, le mode sombre est souvent salué comme réduisant la fatigue oculaire et aidant les personnes souffrant de problèmes de santé.

La question de l’introduction de cette fonctionnalité n’a jamais été de savoir pourquoi, mais plutôt comment. Tout d’abord, la Wikimedia Foundation devait surmonter les limitations sous-jacentes de notre logiciel et de notre architecture, ce qui a été fait en partie en développant l’interface Vector 2022. Nous avons décrit cela en détail dans notre précédent billet de blog « Le mode sombre arrive ». Cette étape franchie, l’équipe Web s’est lancée dans un projet visant à améliorer l’accessibilité pour les lecteur·rice·s, et nous avons finalement entrepris de répondre à la question suivante : comment faire en sorte que le mode sombre soit possible ?

Contenu généré par les utilisateur·rice·s

Wikipédia est un site web unique, construit à partir d’une quantité massive de contenu généré par les utilisateur·rice·s. Une grande partie du contenu de Wikipédia est construite avec des balises HTML et repose sur l’hypothèse que le seul mode disponible est le mode clair. En introduisant le mode sombre, nous risquions de rendre inaccessibles les pages que les utilisateur·rice·s avaient soigneusement élaborées au fil des ans.

Quand la couleur est importante

La couleur joue parfois un rôle important dans un article de Wikipédia. Nous avons envisagé un raccourci pour activer le mode sombre, en assombrissant toutes les couleurs de la page, mais il présentait une caractéristique inquiétante. Prenons l’exemple de cet article sur l’International orange et remarquons ci-dessous que les couleurs sont subtilement différentes dans les deux articles.

De subtiles différences de couleur peuvent être dangereuses. Pouvez-vous dire lequel des deux présente l’International orange de manière exacte ?

Dans le premier exemple, les couleurs sont correctes. Dans la deuxième image, les couleurs ont été déformées par le « raccourci du mode sombre » et présentent en fait des informations incorrectes. Toutefois, si l’on ne fait pas attention, rien ne semble anormal et il y a un risque qu’un tel problème ne soit pas détecté.

Bien que dans cette situation particulière les enjeux soient faibles, il suffit d’un peu d’imagination pour voir où la désinformation sur les couleurs peut être problématique.

La distorsion des couleurs peut être source de confusion, d’humour et parfois de danger, comme le montrent les articles de Wikipédia intitulés « Étiquette de toxicité », « Couleur des espèces chimiques », « Pictogramme de danger » et « Jaune ». Pensez aux implications d’un affichage de couleurs inexactes si quelqu’un utilise Wikipédia pour déterminer la couleur du gaz qui envahit sa chambre.

Une opportunité accessible

Lorsque nous avons commencé à évaluer les solutions possibles aux problèmes de couleur décrits ci-dessus, nous avons utilisé les Directives pour l’accessibilité des contenus web sur le contraste des couleurs. Il s’agissait de déterminer quelles pages présentaient des couleurs et des combinaisons de couleurs susceptibles de rendre la lecture plus difficile. Nous avons découvert que de nombreux articles de Wikipédia présentaient des problèmes d’accessibilité au niveau de leur contenu dans la version précédente de Wikipédia, uniquement en mode clair. L’article sur le Wrexham A.F.C., par exemple, présentait des arrière-plans rouges inaccessibles sur tous ses en-têtes de tableau, simplement parce que l’équipe de football joue en rouge (ce problème est maintenant résolu !).

Cette capture d’écran montre l’aspect de l’article sur Wrexham A.F.C. avant le mode sombre (à gauche) et l’aspect présent (à droite). L’article comporte des tableaux avec des en-têtes rouges parce que l’équipe joue avec un maillot rouge. Le travail sur le mode sombre a mis en évidence les problèmes d’accessibilité de cette page, qui a été modifiée pour adopter des couleurs plus accessibles tout en conservant l’association avec la marque.

La couleur peut avoir une utilité sémantique dans la transmission des connaissances : par exemple, si l’on décrit la couleur International orange, une couleur est utile. Cependant, la plupart du temps, il s’agit d’un choix stylistique. Certaines couleurs ont également des connotations indésirables qui peuvent conduire à une mauvaise compréhension de l’information – par exemple, le rouge peut être associé à l’avertissement et au danger. D’une manière générale, les couleurs doivent être utilisées à bon escient. Dans le cadre de ce projet, nous avons voulu faciliter la tâche des contributeur·rice·s bénévoles pour trouver et corriger ces problèmes dans les contenus générés par les utilisateur·rice·s.

Comme Wikipédia peut être modifiée par tout le monde, l’accessibilité est une responsabilité collective. L’ajout du mode sombre a permis d’améliorer le contenu de Wikipédia. Quel meilleur moyen d’attirer l’attention sur l’accessibilité et les problèmes existants que d’utiliser une fonctionnalité largement souhaitée comme vecteur ?

Améliorer notre contenu

Malgré les défis à relever en matière d’amélioration des articles, il était important de ne pas prendre de raccourci et d’améliorer notre contenu. Après tout, Wikipédia est un processus constant et collaboratif d’amélioration de l’encyclopédie.

Pour soutenir ce travail, nous avons créé des outils permettant de signaler les problèmes et de donner aux contributeur·rice·s les moyens de s’impliquer et de rendre notre contenu plus accessible. En raison des problèmes posés par le formatage existant en mode clair, nous avons décidé de faire preuve de prudence lors de la mise en ligne.

Nous avons mis en place le mode sombre sur toutes les Wikipédias pour les utilisateur·rice·s connecté·e·s. Pour les utilisateur·rice·s non connecté·e·s (donc la plupart), nous ne le rendons disponible que sur les wikis où les contributeur·rice·s techniques sont en train de corriger les problèmes de couleur, ou là où il y a déjà peu de problèmes. Cela inclut l’anglais, le chinois moderne écrit, le français, le japonais, le néerlandais, le polonais, le portugais et un certain nombre de Wikipédias plus petites. Nous espérons pouvoir rendre le mode sombre disponible dans d’autres langues une fois que nous aurons travaillé davantage avec leurs contributeur·rice·s techniques.

Si vous contribuez sur Wikipédia et que vous pouvez nous aider avec les CSS et les modèles, nous vous encourageons à le faire. Si votre wiki n’a pas encore Vector 2022 comme interface par défaut pour les ordinateurs de bureau et que vous souhaitez rendre le mode sombre disponible pour tout le monde, prenez contact avec votre communauté et avec nous. Le mode sombre ne fonctionne que sur les interfaces Minerva (mobile) et Vector 2022 (bureau).

Un grand merci !

Ce fut un parcours jalonné de nombreuses conversations très instructives ! Tout d’abord, un grand merci à tou·te·s les contributeur·rice·s bénévoles qui ont mis à jour le formatage existant. Ensuite, merci à Bernard, Edward, George, Jan, Jennifer, Justin, Kim, Mo, Olga, Nat et Steph de l’équipe Web, ainsi qu’à Anne, Barbara, Chris, Eric, Derek, Lauralyn, Roan et Volker de l’équipe Système de conception. Ils et elles ont fait preuve d’une patience et d’une réactivité incroyables tout au long de ce projet, face à l’évolution rapide de nos besoins. Merci également à l’équipe d’ingénierie de MediaWiki, et en particulier à Moriel, pour avoir lancé ce projet avec nous et nous avoir aidé·e·s à démarrer. Merci à Volker et à MusikAnimal dont les premiers travaux, il y a de nombreuses années, ont donné l’impulsion à une grande partie de ce travail. Nos ambassadeur·rice·s Bachounda, Isabel, Mehman et Phuong, ainsi que Szymon, notre responsable de la Communication du Mouvement, ont joué un rôle essentiel en nous permettant de rester en contact avec nos communautés de contributeur·trice·s. En tant que responsable technique du Web, j’ai dirigé la partie technique du travail.

En outre, nous remercions comme toujours les communautés Wikimedia qui nous ont aidé·e·s tout au long du chemin et les contributions clés d’autres collègues et ami·e·s qui nous ont aidé·e·s à faire évoluer nos bases de code et notre contenu. Le Hackathon Wikimedia 2024 en Estonie a joué un rôle important ! Plutôt que d’oublier quelqu’un, j’ai créé cette page pour célébrer toutes ces personnes : aidez-nous à la développer !

En tant que lecteur·rice, nous espérons que vous apprécierez la lecture de Wikipédia en mode sombre !

Pouvez-vous nous aider à traduire cet article ?

Pour que cet article soit diffusé au plus grand nombre, nous avons besoin de votre aide. Pouvez-vous traduire cet article pour faire passer le message ?