Alors que nous terminons une année riche en transformations, célébrons les progrès réalisés par Codex, le système de conception de Wikimedia. Qu’il s’agisse d’améliorations de conception centrées sur l’utilisateur ou de mises à niveau fondamentales qui permettent aux équipes et aux bénévoles d’atteindre nos utilisateurs dans le monde entier.

Les changements et les progrès qui ont marqué notre année
Cette année, l’équipe de conception de la Fondation Wikimedia a eu le plaisir d’accueillir de nombreux nouveaux contributeurs, issus de diverses équipes de la Fondation et de bénévoles du monde entier.
Nous avons vu des contributions significatives de la part des concepteurs et des développeurs, qui ont joué un rôle déterminant dans l’évolution des capacités de Codex. Cela inclut des améliorations comme le système d’internationalisation, Codex PHP, la validation native des contraintes, l’ajout de divers jetons de conception pour la palette de couleurs élargie et le mode sombre, de nouveaux composants comme Table, et des icônes.
Codex en action : Projets clés de 2024 pour les utilisateurs

Cette année, Codex a joué un rôle essentiel dans la mise en œuvre de projets transformateurs au sein des équipes, démontrant ainsi sa polyvalence et son impact :
Mode Sombre pour Vector et MinervaNeue
En s’appuyant sur les jetons de conception améliorés de Codex et sur l’infrastructure CSS, l’équipe Web a fourni une expérience transparente du mode sombre pour Vector 22 et MinervaNeue, les apparences par défaut de la Wikipédia anglaise et de nombreux autres projets wiki, en garantissant la parité esthétique et fonctionnelle entre les différents modes.
Configuration communautaire 2.0
L’équipe Croissance a exploité les composants de Codex pour améliorer le travail des utilisateurs dans la Configuration communautaire 2.0, offrant une interface plus intuitive et visuellement attrayante pour aider les communautés à personnaliser les fonctionnalités du wiki afin de répondre à leurs besoins uniques.
Liste de collaboration
La flexibilité de Codex a permis à l’équipe des campagnes de créer une interface accessible et cohérente pour la nouvelle fonctionnalité de liste de collaboration, permettant aux utilisateurs de suivre, de filtrer et de gérer les campagnes partagées sans effort.
Multiblocks
Toujours en cours, le projet Multiblocks de l’équipe CommTech permet aux administrateurs de créer plusieurs blocs qui se chevauchent pour un seul utilisateur. Les composants fondamentaux et les styles réactifs de Codex sont au cœur de sa conception rationalisée et conviviale.
Migration de Mismatch Finder et Special:NewLexeme de WiKit vers Codex
Dans le cadre de l’initiative visant à consolider les systèmes de conception, l’équipe de migration de Wikimedia Deutschland a réussi à transférer les outils basés sur Wikit vers Codex, ce qui a permis d’améliorer la maintenabilité et de les aligner sur les normes de conception les plus récentes.
Accessibilité, Inclusivité, et Facilité d’utilisation

Comme toujours, l’équipe de conception donne la priorité à l’accessibilité, à l’inclusivité et à la facilité d’utilisation dans la conception et le développement de Codex.
- Accessibilité des composants : Amélioration de l’ensemble des composants de la bibliothèque en fonction de l’évaluation de notre partenaire, l’American Foundation for the Blind (Fondation américaine pour les aveugles).
- Internationalisation (i18n) : Système d’internationalisation de base établi pour la prise en charge complète des langues dans l’utilisation de Codex par MediaWiki.
- Bi-directionnalité pour les applications Vue : Prise en charge RTL correcte dans les applications Vue autonomes avec des feuilles de style Codex bidirectionnelles.
- Prise en charge de la validation native : Validation simplifiée pour les composants TextInput et TextArea grâce à l’API native de validation des contraintes du navigateur.
- Clarté de l’état des champs : Les messages d’état ont gagné en souplesse grâce à des emplacements personnalisés dans les composants de champ, ce qui garantit la clarté des différents cas d’utilisation.
- Prise en charge des environnements sans JS : Codex fournit des versions uniquement CSS de la plupart des composants, et la nouvelle bibliothèque Codex PHP promet de rationaliser davantage le développement d’interfaces utilisateur de haute qualité qui ne reposent pas sur JS.
La cohérence de la conception grâce aux jetons et à la stylisation :

Codex est parvenu à prendre totalement en charge le mode sombre grâce à des variables CSS intégrées dans les jetons de conception, permettant ainsi aux équipes de réaliser l’un des plus grands déploiements de l’expérience utilisateur de cette année, en activant le mode sombre sur Wikipédia et les projets apparentés utilisant l’habillage Vector 2022.
L’introduction des modes s’est accompagnée d’une modification et d’un agrandissement substantiels de la palette de couleurs, offrant des teintes plus intentionnelles qui ont permis aux concepteurs de bénéficier d’une plus grande souplesse et ont contribué à combler des lacunes de longue date en matière d’accessibilité et de conception.
La quasi-totalité des composants de Codex ont fait l’objet d’améliorations progressives en matière de conception, afin de créer des indices visuels subtils mais percutants.
Nouveaux composants

- Table, un composant très complexe s’est transformé en une expérience splendide pour le développeur
- MenuButton avec des éléments de menu et des groupes personnalisés
- MultiselectLookup
- Tooltip
- Accordion utilisant des détails HTML sémantique
- Image (En cours)
- Breadcrumb (En cours)
- Toast (En cours)
- ProgressIndicator (En cours)
Nouvelles capacités de la bibliothèque : Codex PHP
Sous l’impulsion du développeur bénévole Doğu Abaris, nous avons collaboré à la création d’une bibliothèque PHP autonome pour la génération de balises Codex, qui constitue un autre élément du système de conception – Codex PHP. Cette bibliothèque simplifie grandement le processus de construction d’interfaces utilisateur complexes basées sur Codex et ne nécessitant pas de JavaScript.
Efficacité du développement : Un code plus intelligent, des versions plus rapides
La base de code de Codex est devenue plus facile à maintenir et plus orientée vers l’avenir :
- Modularisation améliorée : Migration ESM à travers les paquets de base, y compris les jetons et les icônes, alignés sur les normes de l’industrie pour les écosystèmes JavaScript.
- Jetons de conception : Rendu disponible en tant que variables ES6.
- Amélioration des tableaux : La logique remaniée dans getRowHeaderScope a réduit la complexité tout en renforçant la fonctionnalité.
- Les tableaux ont évolué : La pagination côté serveur et la pagination CSS ont rationalisé les flux, tandis que les visuels d’état vide et les icônes de tri ont rendu la présentation des données plus dynamique.
- Intégration d’API natives de validation du navigateur pour certains composants afin de réduire les frictions pour les développeurs.
Documentation : La clarté rencontre la précision

La documentation a fait l’objet d’une révision majeure, mettant l’accent sur la transparence et la facilité d’intégration :
- Rationalisation de la palette de couleurs : Les graphiques du haut de page ont été mis à jour pour refléter la palette de couleurs unifiée.
- Tableaux interactifs des jetons : Plus de clarté sur l’utilisation des jetons grâce à des aperçus en direct, en particulier pour les jetons en mode sombre.
- Simplification et amélioration des pages de démonstration des composants et des lignes directrices.
- Ajout d’une fonction de recherche.
- Inclusion de nouvelles lignes directrices dans le guide de style de Codex, telles que l’utilisation de liens et de boutons, la construction de formulaires et le débordement de contenu.
Icônes : Simplicité et utilité

L’ajout de nombreuses icônes souligne l’engagement de Codex en faveur de l’universalité et de la facilité d’utilisation. Ces éléments légers et polyvalents complètent les améliorations apportées à l’accessibilité et à la cohérence esthétique.
Quelles sont les prochaines étapes pour 2025 ?
Les bases jetées cette année placent Codex dans une position favorable pour l’année à venir, avec la version 2.0 qui se profile à l’horizon :
- Accélérer l’adoption à grande échelle de Codex et obtenir la satisfaction des utilisateurs en fournissant une accessibilité de haut niveau, une internationalisation et une expérience utilisateur cohérente.
- Amélioration des mises en page et des comportements réactifs.
- Meilleure intégration des API natives dans un plus grand nombre de composants.
- Élargir la bibliothèque de composants avec des lignes directrices et des outils de visualisation riches en données.
- Explorer les moyens d’améliorer le soutien à l’internationalisation en dehors de MediaWiki.
Nous tenons à remercier une fois de plus nos bénévoles et nos pairs du monde entier pour l’attention constante qu’ils portent à l’innovation, à la collaboration et à l’excellence. Ensemble, nous façonnons un système de conception qui non seulement répond aux besoins d’aujourd’hui, mais anticipe les défis de demain.
À l’horizon 2025, Codex 2.0 promet une intégration encore plus poussée, des composants élargis et des outils permettant aux projets Wikimedia de bénéficier d’une conception cohérente et centrée sur l’utilisateur.

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 ?
Commencer la traduction