Dès sa conception, le projet ayant donné naissance à SNCF Connect a pris en compte les valeurs du numérique responsable à travers une démarche d’amélioration continue notamment sur : * son empreinte carbone * son accessibilité * sa dimension sociétal (partenariat Un Rien C’est Tout, Diversité et inclusion) L’objectif de ce REX est de partager comment nous avons intégré cette démarche dans notre quotidien, et surtout comment maintenir ces objectifs dans la durée : il ne s’agit pas d’une opération « one shot » pour obtenir un label Argent avec Greenspector, organisme indépendant de mesure de notre performance énergétique ou réussir un audit d’Accessibilité. Il s’agit avant tout de mettre nos compétences et nos savoir-faire au servir de nos valeurs citoyennes.

1. UNE APP RESPONSABLE POUR DE LA MOBILITÉ DURABLE
1
Date : 9 Octobre 2023
Christophe Rochefolle – Dir Operations Tech SNCF Connect

2. 2
Quel âge à votre téléphone ?

3. 3
Source :
https://www.fruggr.io/fr/blog/pourquoi-un-
indice-de-reparabilite-sur-nos-appareils
Source : https://multimedia.ademe.fr/outils/telephone-portable/Site-web/portable.pdf

4. A QUOI BON ?
4
Un jour, dit la légende, il y eut un immense incendie de
forêt. Tous les animaux terrifiés, atterrés, observaient
impuissants le désastre. Seul le petit colibri s’activait,
allant chercher quelques gouttes avec son bec pour les
jeter sur le feu. Après un moment, le tatou, agacé par
cette agitation dérisoire, lui dit : « Colibri ! Tu n’es pas
fou ? Ce n’est pas avec ces gouttes d’eau que tu vas
éteindre le feu ! »
Et le colibri lui répondit : « Je le sais, mais je fais ma
part. »
La légende du colibri : une légende amérindienne !
https://www.patrickforget.com/t
erre-fragile-lexposition/
Terre Fragile est un projet
artistique militant où notre
au centre d’un travail
des œuvres photographiques
invitent à la réflexion sur les
problématiques de
notre environnement et du
réchauffement climatique.

5. Raison
d’être
•INNOVER POUR RENDRE LES MOBILITÉS DURABLES
ACCESSIBLES A TOUS
Mission
•LA PLUS GRANDE COMMUNAUTÉ DE
#DIGITALMOBILITYCHANGERS
EN FRANCE, AU CŒUR DES TRANSFORMATIONS
NUMÉRIQUES.
Valeurs
•CITOYENNETÉ, AUDACE, PERFORMANCE, OUVERTURE,
CONFIANCE
# Citoyenneté : Nous sommes au service d’une société
durable et solidaire, et favorisons des comportements,
des mobilités et des usages responsables
QUI SOMMES-NOUS ?

6. 6
La Responsabilité Numérique est
une démarche d’amélioration continue qui tente de réduire
l’empreinte écologique et sociale des technologies de
l’information et de la communication.
Référence : https://www.strategie.gouv.fr/publications/responsabilite-numerique-entreprises-synthese
Le numérique responsable repose sur 4 piliers :
accessibilité, sobriété, confidentialité, respect des libertés.

7. AMBITION DU PROGRAMME NUMÉRIQUE RESPONSABLE
7
“ Construire un produit vertueux incluant des objectifs
environnementaux et sociaux afin de produire un impact
positif sur nos utilisateurs, la société, l'environnement et
être générateur de valeur. “
Notre ambition pour SNCF Connect
Ce programme accompagne la stratégie du groupe et notre mission
d'entreprise : Innover pour rendre les mobilités durables accessibles à
tous.
Pour servir cette ambition, le programme numérique responsable est co-
porté par les expertises Design, Tech, Product Management avec un
périmètre d'action sur les produits pilotés par SNCF Connect & Tech.
PLANETE
USAGERS
ENTREPRISE
PARTENAIRES
ECOSYSTEME MOBILITE

8. Anticiper les régulations
gouvernementales
Une amélioration
de l’expérience
utilisateur
Des économies
sur les frais
d’infrastructure
Une
amélioration
de l’image de
marque
Un levier
d’engagement interne
Un vecteur
d'innovation
et création
de valeur
1 2 3 4
Montée en compétences
de nos équipes
OBJECTIFS DU PROGRAMME

9. Sponsors
Comex
SNCF Connect
& Tech
Sponsors
SNCF
Lead team et
contributeurs
Sponsor Codir
SNCF Connect
& Tech
Référent Expert Mobile
Référent Expert Web
Directeur
Numérique
Responsable
SNCF Directrice
Communication et RSE
Directrice
Générale SNCF
Connect & Tech
Directeur Produit
CPO
Christophe
Rochefolle,
Directeur des
Opérations Tech
Directeur Customer
Experience
Head of Research
& vision
Head of Quality and
Operation
Head of Product
Management
Service Designer
Alternante Service
Designer
Expert parcours et référent
Handicap et accessibilité
Chef de projet qualité CX et
accessibilité
Référent Tech expert
accessibilité
Référents Tech expert
accessibilité
Product Designer
Product Management
Directeur des
Technologies
CTO
Scrum master, Communauté
SoGreen
Référents Expert et Tech
Community Ambassador
Architectes entreprise
Une implication à tous les niveaux
Directrice Ressources
Humaines
Directrice Talent
Management
Learning &
Development

10. AXE FORMATION
Sensibiliser, former et déployer
les pratiques du a Responsable

11. Des actions de sensibilisation, de
partage de pratiques et de
communication à différents niveaux
au sein de l'entreprise
Sensibilisation et
montée en
compétence
Conception et
nouvelles
pratiques
Communication
et valorisation
Interview, plénière
interne et conférence
externe CX
Communauté SoGreen
Hackathon
Sensibilisation à
l’écoconception
Meet &Share Enterprise
Architect
Conférences :

12. Des engagements pris par
l'entreprise et les collaborateurs
Accord intéressement 2021-2023
Suivi des formations dédiées à
l’accessibilité, la diversité,
l’inclusion et l’environnement
KPI
2 sessions en moyenne / salarié
Glob’all 2023
Développer notre
stratégie numérique responsable
KPI
former 30 % de
nos développeurs et tech
lead à l’écodéveloppement​

13. Un catalogue de formation riche
alliant Présentiel et Formation en ligne qui
continue à faire ses preuves Lancé en 2023
7 formations, de
l’initiation à
l’analyse des
référentiels RGAA
17 formations, pour
les collaborateurs
comme pour les
managers
4 formations
Fresque du Climat
Ecoconception
Ce programme s’articule autour de 2
modules de formation d’une journée chacun,
qui peuvent être complétés par une
certification.
Accessibilité
Diversité, Inclusion
et égalité
professionnelle
Agir pour la
Planète

14. AXE SOBRIÉTÉ
Au travers d'une démarche d'amélioration continue, mesurer
la performance de notre produit Web/App en matière
de sobriété (temps de chargement, échange de données,
consommation d'énergie)

15. Une gamme d’outils à explorer
Datacenter / Cloud
Fronts
applicatifs
Infrastruc
ture
back-
end
Analyse de pages / parcours simulant
une navigation client
Infra de
virtualisation
Agent Scaphandre
Hubblo
Réseau Terminaux utilisateurs
Outils navigateurs
Green IT analysis - Extension Chrome et Firefox pour
réaliser une mesure EcoIndex et une analyse des bonnes
pratiques Ecometer d'un site.
Lighthouse - Outil de développement technique open-
source proposé sur le navigateur Google Chrome sous
forme d'extension et dans les outils d'examen du code
source.
Estimation de l’empreinte
environnementale et sociale d’un
front (nb : évolution avec module
d’analyse back end)
…
Mesures d’un front réalisées sur un banc
d’essais (smartphones)
Estimation de l’empreinte
environnementale d’un front
GreenFrame Enterprise SaaS – Se connecte
en lecture à une chaine CI, fait des
simulations énergétiques sur une
infrastructure container
Automatisation de la mesure environnementale sur les
infrastructures en datacenter
Automatisation mesure kWH à
l’échelle d’un container
Infra containers
Audit de code applicatif sur la base
de règles (dont une partie a minima
est en open source suite à des
hackathon éco-conception)²
Outils GreenOps

16. + Une approche : la sobriété numérique
• Objectif : que les logiciels consomment moins de
ressources matérielles (énergie, data...) quand ils
sont utilisés
+ Un savoir-faire technologique : la mesure
d'énergie
• Mesure de consommation d'énergie sur
terminaux réels
• Automatisée, ponctuelle ou en CI/CD
Ses métiers :
• Édition de solutions logicielles
innovantes pour équipes
digitales
• Services experts d’audits et de
mesures
UN PARTENAIRE HISTORIQUE

17. AMÉLIORATIONS APPORTÉES
17
4 POINTS DE GAGNÉS
ENTRE DEUX
MESURES
+ Travailler l’usage des thread pour économiser la batterie et optimiser l’expérience utilisateur
+ Utiliser des composants en mode différé
+ Fermer les connections aux capteurs (GPS, réseau, ..)
+ Optimiser la taille de l’app
+ Exploiter les caches (réseau, HTTP2) et le stockage local
+ Désactiver tout ce qui peut l’être en mode « économie d’énergie » ou si on détecte du matériel
ancien.
« Mind your App Footprint : Your
app footprint is important. »
Vendredi 2 Juin 2023

18. Résultats
18
10 TONNES EQ.CO2
ÉCONOMISÉES, PLUS DE
RAPIDITÉ
SNCF CONNECT NOTÉE 75/100
OBTIENT LE NIVEAU ARGENT
DU
CERTIFICAT GREENSPECTOR

19. AXE ACCESSIBILITÉ
L’inclusivité au cœur du groupe
SNCF Connect & Tech
Dématérialiser sans exclure
« The power of the Web is in its universality.
Access by everyone regardless of disability
is an essential aspect. »
Tim Berners-Lee, W3C Director
and inventor of the World Wide Web

20. 20
• 12 millions de personnes en
France ont un handicap + 15
millions vont développer des handicaps
(âge, maladie)
• La réglementation
• Et de manière générale,
faciliter les usages pour tous
Pourquoi ?

21. 21
Organisation :
viser « l’accessibilité par design »
Toutes les
équipes
web/appli
sont
formées
Référent
Handicap
&
Accessibili
té
•Testeur
malvoyant
Auditeur
indépenda
nt certifié
RGAA &
RAAM
•Référent
Design
•Expert
Technique
Accessibilit
é

22. 22
Emergence et cadrage d’un projet
Expérience maps et personae
Conception du projet
Design System 100% accessible + Guidelines +
référents
Développement du projet
By Design grâce au Design System 100% accessible +
Guidelines + référents + testeurs + automatisation
Amélioration continue
Des correctifs sont apportés en
continu sur la base :
- Des tests internes
- des audits externes réguliers
- des retours utilisateurs
L’accessibilité numérique
dans nos process de delivery

23. 23
Jean
le prévoyant
Marie
la prévoyante
Handicap Moteur
en fauteuil
roulant
En cours
le prévoyant
malentendant
En cours
la prévoyante
malvoyante
Emma
l’improviste
5 personae, dont 1 persona PMR + 2 PSH en
construction
4 experience maps, dont 2 adressant le persona PMR dans ses mobilités
récurrentes ou occasionnelles
Michel
le préoccupé
Emma
l’improviste
+ 2 experience maps qui découleront des
personae PSH malentendant et malvoyant
Comprendre les comportements de mobilité

24. 24
Formes & Couleurs
La totalité du contenu horizontal
est présenté sur un autre écran.
Défilements horizontaux
Contrastes
Bonnes pratiques de conception

25. 25
TESTER l’Accessibilité
en mode Manuel

26. 26
• Tests manuels Web :
• Augmenter la taille du texte à 200% via Zoom navigateur
• Augmenter la taille du texte à 200% via Zoom texte du
navigateur (Firefox seulement)
• Tests manuels Mobile  paramètres systèmes
• Agrandir la taille des boutons
• Agrandir la taille du texte à 200%
• Vérifier :
• Absence de chevauchements de textes
• Absence de textes tronqués
• Les boutons & textes s’agrandissent fonction des
paramètres (applications mobiles)
Référence WCAG :
Success Criterion 1.4.4:
Resize Text (w3.org)
TESTER l’Accessibilité
« Augmenter la taille du texte »

27. TESTER l’Accessibilité
en mode Auto
27
Vérifications
automatiques
(présence de label)
et semi automatique
(pertinence du
label) : axe-core et
outils basés dessus.
testWidgets('Expect first tab title to be have the infoTrafficRegion label’,
(WidgetTester tester) async {
await tester.pumpWidgetBuilder(TrafficInfoScreen(), textScaleSize: 2);
final finder = find.byWidgetPredicate(
(widget) =>
widget is Text &&
widget.semanticsLabel == I18n.current.infoTrafficRegion_title,
);
expect(finder, findsOneWidget);
});
https://paristestconf.com/wp-
content/uploads/2022/12/Tester_laccessibilite.pdf
https://www.youtube.com/watch?v=kuW-uvywcWo

28. 28
71% 70,4% 90%
Simple à utiliser Conformité légale Conformité moyenne par page
Source : baromètre CSA SNCF
Connect – Octobre 2022
Source : audit externe e-SNCF - Juillet 2022
Des efforts payants
sur lesquels nous continuons à investir
RGAA 4.1
Référentiel Général d'Amélioration de
l'Accessibilité
RAAM1
Référentiel d'évaluation de
l'Accessibilité des Applications Mobiles

29. ET AUSSI…
Diversité & Inclusion
Echange avec ADA Tech,
Première alternante en juillet 2023
Open Source
Utiliser (et partager avec la
communauté) des solutions IA ouvertes,
pour plus d’ « explicabilité » et la
maîtrise/respect des données
Exemple de Tock 👉 solution Chatbot
opensource créée par SNCF Connect &
Tech utilisée par de nombreuses
entreprises et universités

30. VISION NUMÉRIQUE RESPONSABLE
Définir les principes sur lesquels repose notre
stratégie numérique responsable pour nos produits et les
engagements que nous souhaitons prendre et incarner
sur les prochains mois (fin 2023/2024).
A RETENIR
Il s’agit d’une démarche d’entreprise en amélioration
continue, qui s’incarne à 360°.
LA SUITE ?

31. 31
Référence :
https://charte.institutnr.org/
Référence :
https://ecoresponsable.numerique.gouv.
fr/docs/2022/guide-de-bonnes-
pratiques-numerique-responsable-
version-beta.pdf et
https://ecoresponsable.numerique.gouv.
fr/publications/bonnes-pratiques/
Référence :
https://www.thiga.co/fr/liv
re-responsables
POUR ALLER PLUS LOIN

32. https://jobs.connect-tech.sncf/
@crochefolle@fosstodon.org
@crochefolle