Découvrez le bénévolat en traduction

Présentation la présentation / atelier effectuée Paris Web 2026 par Christophe Villeneuve sur "Découvrez le bénévolat en traduction".
Cette session va vous aider à contribuer à CommonVoice, MDN (Mozilla developer Network), SUMO (Support Mozilla), Pontoon, Localisation (L10n)

Transcript

1. Découvrez le bénévolat en traduction Christophe Villeneuve @hellosct1 @hellosct1@mamot.fr @hellosct1.bsky.social 24 septembre 2026
2. Christophe Villeneuve • Consultant Open Source • Dresseur animaux Atos open source - afup – lemug.fr – mariadb – drupal – mozilla - firefox – lemugfr - sumo – webextensions – VR – AR – XR - Cause commune 93.1 FM - TechSpeaker - Lizard - eyrolles – editions eni – programmez – linux pratique – webriver – elephpant CommonVoice – Sécurité - Cybersécurité
3. Aujourd’hui • Interface • Sans les mains… Juste avec la voix • Localisation (L10n) • Support Mozilla (SUMO) • Mozilla Developer Network (MDN) @hellosct1 – Paris Web 2026
4. • Interface • Sans les mains… • Localisation (L10n) • Support Mozilla (SUMO) • @hellosct1 – Paris Web 2026 Mozilla Developer Network (MDN)
5. + 300 Langues @hellosct1 – Paris Web 2026
6. Interface web • • Soit capable de s'exprimer dans plusieurs langues Référence à la présence (Localisation) – dans une aire géographique donnée • grande ou petite – de plusieurs variétés linguistiques Formes de la communication verbale • quel qu’en soit le statut • @hellosct1 – Paris Web 2026
7. Difficulté multilinguisme dans l’UE • Constitue l’un des plus grands atouts de la diversité culturelle en Europe – • Restriction : – • Mais l’un des plus importants défis à relever pour la création d’une Union européenne véritablement intégrée Une plus grande attention doit être accordée à la suppression des obstacles au dialogue interculturel et interlinguistique. Préservation du multilinguisme en Europe – Espéranto comme langue commune • pour favoriser l'apprentissage des autres langues de l'Union • sans qu'on impose sa langue à autrui. @hellosct1 – Paris Web 2026
8. Alors que faire !!! 1 langue par défaut • Menu \ Paramètre \ langues https://support.mozilla.org/fr/kb/utiliser-firefox-dans-autre-langue @hellosct1 – Paris Web 2026
9. Navigation assistée dans une langue https://www.firefox.com/fr/features/translate/ @hellosct1 – Paris Web 2026
10. Hors ligne ou pas ? Site Japonnais Paragraphe en Indonisien Traduction en arabe @hellosct1 – Paris Web 2026
11. Désactiver la traduction • Menu \ Paramètres \ Contrôles de l’IA @hellosct1 – Paris Web 2026
12. • Interface • Sans les mains… • Localisation (L10n) • Support Mozilla (SUMO) • @hellosct1 – Paris Web 2026 Mozilla Developer Network (MDN)
13. Voix • Améliorer l'accès – • Ces ensembles de données sont en libre accès – • A l’ensemble de données vocales de haute qualité. ce qui permet à chacun de les utiliser pour créer des applications innovantes pour les appareils et le web. Les contributeurs peuvent faire don de leur voix pour aider à construire la base de données. – À ce jour, Common Voice • • c’est + 300 langues URL – https://commonvoice.mozilla.org/fr @hellosct1 – Paris Web 2026
14. Data Collective @hellosct1 – Paris Web 2026
15. Common Voice @hellosct1 – Paris Web 2026
16. • Interface • Sans les mains… • Localisation (L10n) • Support Mozilla (SUMO) • @hellosct1 – Paris Web 2026 Mozilla Developer Network (MDN)
17. Interface • Localisation = L10n • Localiser c'est → Traduire, mais aussi… • Adapter au mieux – Textes – Messages – Images • Chaque région, pays, communauté linguistique et culturelle… Pour être au plus près de l'utilisateur local ! @hellosct1 – Paris Web 2026
18. Localisations ? • Navigateurs : – Firefox pour ordinateur de bureau – Android • – iOS Sites web : Sécurité et confidentialité : - Mozilla.org - Comptes Mozilla - Common Voice - ... – Mozilla Relay – Mozilla VPN @hellosct1 – Paris Web 2026
19. Comment localiser ? • Modèle de traduction communautaire • Localisation dans environ 140 pays – La localisation régionale – Langue officielle ? • • + 300 langues Les contributeurs ont traduit plus de 4 millions de mots @hellosct1 – Paris Web 2026
20. Pourquoi la localisation est importante ? Environ 60 % des utilisateurs de Firefox n'utilisent pas les paramètres linguistiques en-US. @hellosct1 – Paris Web 2026
21. Méthode de travail • Historiquement – La traduction a été entièrement réalisée par des bénévoles (« Communauté de localisation ») via Pontoon. • Pour d'autres types de contenu – les demandes peuvent être acheminées • vers des agences de traduction agréées courriels, marketing, juridique, enquêtes • Quel est le localisateur Mozilla type ? • Pourquoi s'adressent-ils à nous ? @hellosct1 – Paris Web 2026
22. Pontoon • Système de gestion de la traduction – Open-source développé • • • Par l'équipe de localisation de Mozilla URL – Site : https://pontoon.mozilla.org/ – WebExtension • https://addons.mozilla.org/fr/firefox/addon/pontoon-tools/ Fonctionnement – Développé et maintenu par l'équipe de localisation de Mozilla – Prend en charge le modèle de contribution communautaire de Mozilla – Prend en charge tous les formats de fichiers utilisés par Mozilla @hellosct1 – Paris Web 2026
23. https://pontoon.mozilla.org/ @hellosct1 – Paris Web 2026
24. @hellosct1 – Paris Web 2026
25. @hellosct1 – Paris Web 2026
26. @hellosct1 – Paris Web 2026
27. Pre-traduction • Fonctionnalité de Pontoon – Permet de traduire automatiquement les chaînes de caractères – Si elle est disponible • Correspondance à 100 % à partir de la mémoire de traduction – Sinon, nous effectuons une traduction automatique à l'aide de Google Translate AutoML • • formé sur nos traductions existantes Les localisateurs peuvent – réviser ces traductions et les corriger ou les approuver @hellosct1 – Paris Web 2026
28. • Interface • Sans les mains… • Localisation (L10n) • Support Mozilla (SUMO) • @hellosct1 – Paris Web 2026 Mozilla Developer Network (MDN)
29. SUMO ? • SUMO = SUpport MOzilla • Site officiel – https://support.mozilla.org/ • Support communautaire pour les produits Mozilla • Plateforme dédié • Support Multilangue • Documentation pertinente • Documentation Localisée @hellosct1 – Paris Web 2026
30. Activités de localisation • Les domaines : – Applications – Support utilisateurs – Documentation technique – Sites Web @hellosct1 – Paris Web 2026
31. Contribuer @hellosct1 – Paris Web 2026
32. Etape 2 @hellosct1 – Paris Web 2026
33. Différents menus @hellosct1 – Paris Web 2026
34. Contribuer @hellosct1 – Paris Web 2026
35. Localisation support : outils (1/2) • Menu – Contribuer \ Tableau de bord de la base de connaissance 2 1 https://support.mozilla.org/fr/localization @hellosct1 – Paris Web 2026
36. Localisation support : outils (2/2) • Afficher l’historique – Choisir une ligne @hellosct1 – Paris Web 2026
37. Ajout une traduction / Mise à jour d’un article (1/3) • Menu – Contribuer • • Tableau de bord de la base de connaissance Choisir une ligne article Ajouter une traduction @hellosct1 – Paris Web 2026 Modifier un article
38. Ajout une traduction / Mise à jour d’un article (2/3) @hellosct1 – Paris Web 2026
39. Ajout une traduction / Mise à jour d’un article (3/3) @hellosct1 – Paris Web 2026
40. • Interface • Sans les mains… • Localisation (L10n) • Support Mozilla (SUMO) • @hellosct1 – Paris Web 2026 Mozilla Developer Network (MDN)
41. MDN = Mozilla Developer Network • • Plateforme de ressources pour les développeurs par les développeurs Des connaissances partagées sur le Web ouvert https://developer.mozilla.org/fr/ @hellosct1 -
42. Contenus disponibles Références HTML • CSS • Javascript • HTTP • APIs Web • @hellosct1 – Paris Web 2026 Technologie web • Accessibilité • HTTP • URI • Web Extensions • Web Assembly • Web Driver • Autres – Media – Performance – Sécurité – Web Apps
43. 2 méthodes sur le Dépôt GIT • Occasionnel https://github.com/mdn @hellosct1 – Paris Web 2026 • Mode développeur – GITHUB
44. Démarrage • Organisation de la plateforme – MDN / Yari https://github.com/mdn/yari • Serveur web qui s’occupe du rendu du site • – Contenu des articles – Interface utilisateur – MDN / Content https://github.com/mdn/content • Documents Anglophones → Référence MDN • – MDN / Translated-content https://github.com/mdn/translated-content • Contient toutes les localisations • @hellosct1 – Paris Web 2026 FR
45. Structurés les documents • Dépôts – mdn/translated-content ou mdn/content • /!\ On garde les mêmes noms de fichiers @hellosct1 – Paris Web 2026
46. Découpage des fichiers • Format YAML • Les métadonnées : @hellosct1 – Paris Web 2026
47. Outillages • Doc – • GitHub – • comme système de serveur web Yarn – • Compte utilisateur Node.js et npm – • https://developer.mozilla.org/fr/docs/MDN/Writing_guidelines Paquet npm IDE – Pulsar IDE – Visual Studio Code • Prettier, Gremlins, and MDN Macro Syntax @hellosct1 – Paris Web 2026
48. Démarrer • Exemple : – https://developer.mozilla.org/fr/docs/Web/Accessibility @hellosct1 – Paris Web 2026
49. Contribuer occasionnellement (1/3) @hellosct1 – Paris Web 2026
50. Contribuer occasionnellement (2/3) • Sur GitHub – Editer la page @hellosct1 – Paris Web 2026
51. Contribuer occasionnellement (3/3) • Page Edité @hellosct1 – Paris Web 2026
52. Contribuer Régulièrement • Posséder un compte Github • Pull Request sur Github • Tutorial – https://tech.mozfr.org/post/2021/03/16/MDN-sur-GitHub-comment-contribuer @hellosct1 – Paris Web 2026
53. Plus loin • Mozilla localization – https://pontoon.mozilla.org/ • Mozilla support – https://support.mozilla.org/contribute • • MDN – https://developer.mozilla.org/docs/MDN/Community/Contributing – https://tech.mozfr.org/post/2021/03/16/MDN-sur-GitHub-comment-contribuer Common Voice – https://commonvoice.mozilla.org @hellosct1 – Paris Web 2026
54. • Mastodon – @mozilla@mamot.fr • Twitter – @mozilla_fr • Bluesky – @mozilla-fr@bsky.social @hellosct1 – Paris Web 2026
55. Meetup FR online • Mercredi Doc – Premier Mercredi de chaque mois à 20h00 – Connexion sur Matrix / Element https://chat.mozilla.org/#/room/#firefox-france-user-group:mozilla.org @hellosct1 – Paris Web 2026
56. Merci Christophe Villeneuve @hellosct1 @hellosct1@mamot.fr @hellosct1.bsky.social @hellosct1 – Paris Web 2026