[{"data":1,"prerenderedAt":1629},["ShallowReactive",2],{"author-virgil-roger":3,"author-articles-virgil-roger":22,"authors":1313},{"id":4,"title":5,"body":6,"description":10,"extension":13,"meta":14,"name":15,"navigation":16,"path":17,"readingTime":18,"seo":19,"stem":20,"__hash__":21},"authors\u002Fauthors\u002Fvirgil-roger.md","Software Engineer",{"type":7,"value":8,"toc":9},"minimark",[],{"title":10,"searchDepth":11,"depth":11,"links":12},"",2,[],"md",{},"Virgil Roger",true,"\u002Fauthors\u002Fvirgil-roger",1,{"title":5,"description":10},"authors\u002Fvirgil-roger","DfVFe5j0bCgXeEr381ZYOM5DP4m-pWb93J9-m_muKJ0",[23,611,756,1086],{"id":24,"title":25,"author":26,"body":27,"date":600,"description":601,"extension":13,"lang":602,"meta":603,"navigation":16,"path":604,"published":16,"readingTime":271,"seo":605,"stem":606,"tags":607,"__hash__":610},"articles\u002Farticles\u002F2022-09-08-accessibilite-101.md","Accessibilité 101","virgil-roger",{"type":7,"value":28,"toc":594},[29,41,44,47,56,59,64,67,70,73,94,97,99,103,106,109,112,115,118,120,124,135,138,147,150,184,187,196,203,206,466,479,482,486,491,494,513,516,525,528,532,537,540,545,549,554,556,560,563,566,569,572,590],[30,31,32,33,40],"p",{},"Vous vous souvenez ",[34,35,39],"a",{"href":36,"rel":37},"https:\u002F\u002Ftech.indy.fr\u002F2022\u002F05\u002F19\u002Faccessibility\u002F",[38],"nofollow","de cet article (en anglais) ?","\nJ’y abordais le sujet de l’accessibilité et de l’utilisation d’une application web par une personne\nen situation de handicap.",[30,42,43],{},"Et bien ça n’aura pas loupé, à peine l’article publié notre Delphine préférée (office manager de son\nétat) a communiqué en internet sur l’avancement des différents projets d’inclusivité chez Indy.",[30,45,46],{},"Occasion rêvée d’adresser la problématique concrètement dans la vraie vie (l’IRL quoi). Et vous\nsavez quoi ? C’est plus dur que ça en a l’air ! Donc autant partager les découvertes, non ?",[30,48,49,50,55],{},"C’est donc parti pour un journal de bord du projet d’amélioration des problématiques d’accessibilité\n",[34,51,54],{"href":52,"rel":53},"https:\u002F\u002Fapp.indy.fr\u002F",[38],"de l’application Indy"," et de ses copines utilisées en interne.",[57,58],"hr",{},[60,61,63],"h2",{"id":62},"jour-1-naissance-de-dev_guilde-accessibility","🐣 JOUR 1 : naissance de #dev_guilde-accessibility",[30,65,66],{},"En dessous du message ci-dessus (vous suivez ?), j’en ai gentiment appelé à l’équipe produit Indy\npour savoir si des projets étaient déjà en cours sur le sujet.",[30,68,69],{},"→ non, pas formellement du moins, même si nous y sommes tou·te·s sensibles et attentifs.",[30,71,72],{},"Qu’à cela ne tienne, maintenant c’est le cas. Et “ownership” oblige, je vais le mener.",[30,74,75,76,81,82,87,88,93],{},"Plus on est de neurodivergents plus on rit ?\nE",[34,77,80],{"href":78,"rel":79},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Felo%C3%AFse-chizat\u002F",[38],"loïse"," et\n",[34,83,86],{"href":84,"rel":85},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fb-bouillot\u002F",[38],"Benjamin"," se proposent instantanément pour me filer un\ncoup de main. Et comme il n’y a pas que le javascript dans la vie (et dans le produit), c’est\n",[34,89,92],{"href":90,"rel":91},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fl%C3%A9a-vandeportal-a34aa4129\u002F",[38],"Léa"," qui va venir représenter le\ncustomer care, et donc nos clients.",[30,95,96],{},"Tout ça, ça crée une guilde des plus sympathiques !",[57,98],{},[60,100,102],{"id":101},"jour-2-cest-partiiiii","🏁 JOUR 2 : c’est partiiiii",[30,104,105],{},"Mercredi 13 juillet, première réunion. Où l’on se réunit pour savoir où l’on veut aller.",[30,107,108],{},"Objectif du jour : entériner la création de la guilde accessibilité produit, son périmètre, sa\nraison d’être, ses missions et des objectifs actionnables.",[30,110,111],{},"En effet, l’accessibilité n’est pas une tâche atomique, et il faut savoir définir des objectifs\nconsidérés suffisants car on aurait trop vite fait de poursuivre son amélioration à l’infini.",[30,113,114],{},"Et comment savoir si on est allé trop loin ? Il faut savoir si et quand on a fini, et donc pouvoir\nmesurer un niveau de “qualité” des applications à atteindre et maintenir.",[30,116,117],{},"Et comment savoir si on est allé assez loin ? Il faut déjà savoir d’où l’on vient, et donc pouvoir\nmesurer le niveau actuel de l’accessibilité des applications. Donc faire un audit de l’existant.",[57,119],{},[60,121,123],{"id":122},"️-jour-3-les-premiers-coups-dans-la-fourmilière","🛠️ JOUR 3 : les premiers coups dans la fourmilière",[30,125,126,130,131],{},[127,128],"img",{"alt":10,"src":129},"\u002Fimages\u002FUntitled-17.png"," ",[132,133,134],"em",{},"Lundi 1er août, Benjamin ouvre le bal",[30,136,137],{},"On n’est pas venus pour souffrir, OK ? Alors on ne va pas réinventer le fil à couper l’eau tiède, il\ny en a déjà de très bien dans le commerce.",[30,139,140,141,146],{},"Par contre on va très sérieusement appliquer\n",[34,142,145],{"href":143,"rel":144},"https:\u002F\u002Fwww.w3.org\u002FTranslations\u002FWCAG20-fr\u002F",[38],"les recommandations de l’état de l’Art"," sur le sujet.",[30,148,149],{},"Mais un pas après l’autre, alors la première chose qu’on a faite, c’est ajouter cette ligne :",[151,152,156],"pre",{"className":153,"code":154,"language":155,"meta":10,"style":10},"language-ts shiki shiki-themes github-light github-dark","\u002F\u002F .eslintrc.js\nextends: ['plugin:vuejs-accessibility\u002Frecommended'],\n","ts",[157,158,159,167],"code",{"__ignoreMap":10},[160,161,163],"span",{"class":162,"line":18},"line",[160,164,166],{"class":165},"sJ8bj","\u002F\u002F .eslintrc.js\n",[160,168,169,173,177,181],{"class":162,"line":11},[160,170,172],{"class":171},"sScJk","extends",[160,174,176],{"class":175},"sVt8B",": [",[160,178,180],{"class":179},"sZZnC","'plugin:vuejs-accessibility\u002Frecommended'",[160,182,183],{"class":175},"],\n",[30,185,186],{},"Parce que oui, on fait du VueJS, on utilise ESLint, et on travaille sur l’accessibilité.",[30,188,189,190,195],{},"Donc on a ajouté\n",[34,191,194],{"href":192,"rel":193},"https:\u002F\u002Fgithub.com\u002Fvue-a11y\u002Feslint-plugin-vuejs-accessibility",[38],"le plugin ESLint VueJS-Accessibility",".\nLogique imparable !",[30,197,198,199,202],{},"Et le ",[157,200,201],{},"recommended"," alors ?",[30,204,205],{},"Il correspond à :",[151,207,209],{"className":153,"code":208,"language":155,"meta":10,"style":10},"rules: {\n    \"vuejs-accessibility\u002Falt-text\": \"error\",\n    \"vuejs-accessibility\u002Fanchor-has-content\": \"error\",\n    \"vuejs-accessibility\u002Faria-props\": \"error\",\n    \"vuejs-accessibility\u002Faria-role\": \"error\",\n    \"vuejs-accessibility\u002Faria-unsupported-elements\": \"error\",\n    \"vuejs-accessibility\u002Fclick-events-have-key-events\": \"error\",\n    \"vuejs-accessibility\u002Fform-control-has-label\": \"error\",\n    \"vuejs-accessibility\u002Fheading-has-content\": \"error\",\n    \"vuejs-accessibility\u002Fiframe-has-title\": \"error\",\n    \"vuejs-accessibility\u002Finteractive-supports-focus\": \"error\",\n    \"vuejs-accessibility\u002Flabel-has-for\": \"error\",\n    \"vuejs-accessibility\u002Fmedia-has-caption\": \"error\",\n    \"vuejs-accessibility\u002Fmouse-events-have-key-events\": \"error\",\n    \"vuejs-accessibility\u002Fno-access-key\": \"error\",\n    \"vuejs-accessibility\u002Fno-autofocus\": \"error\",\n    \"vuejs-accessibility\u002Fno-distracting-elements\": \"error\",\n    \"vuejs-accessibility\u002Fno-onchange\": \"error\",\n    \"vuejs-accessibility\u002Fno-redundant-roles\": \"error\",\n    \"vuejs-accessibility\u002Frole-has-required-aria-props\": \"error\",\n    \"vuejs-accessibility\u002Ftabindex-no-positive\": \"error\"\n  }\n",[157,210,211,219,233,245,257,269,281,293,305,317,329,341,353,365,377,389,401,413,425,437,449,460],{"__ignoreMap":10},[160,212,213,216],{"class":162,"line":18},[160,214,215],{"class":171},"rules",[160,217,218],{"class":175},": {\n",[160,220,221,224,227,230],{"class":162,"line":11},[160,222,223],{"class":179},"    \"vuejs-accessibility\u002Falt-text\"",[160,225,226],{"class":175},": ",[160,228,229],{"class":179},"\"error\"",[160,231,232],{"class":175},",\n",[160,234,236,239,241,243],{"class":162,"line":235},3,[160,237,238],{"class":179},"    \"vuejs-accessibility\u002Fanchor-has-content\"",[160,240,226],{"class":175},[160,242,229],{"class":179},[160,244,232],{"class":175},[160,246,248,251,253,255],{"class":162,"line":247},4,[160,249,250],{"class":179},"    \"vuejs-accessibility\u002Faria-props\"",[160,252,226],{"class":175},[160,254,229],{"class":179},[160,256,232],{"class":175},[160,258,260,263,265,267],{"class":162,"line":259},5,[160,261,262],{"class":179},"    \"vuejs-accessibility\u002Faria-role\"",[160,264,226],{"class":175},[160,266,229],{"class":179},[160,268,232],{"class":175},[160,270,272,275,277,279],{"class":162,"line":271},6,[160,273,274],{"class":179},"    \"vuejs-accessibility\u002Faria-unsupported-elements\"",[160,276,226],{"class":175},[160,278,229],{"class":179},[160,280,232],{"class":175},[160,282,284,287,289,291],{"class":162,"line":283},7,[160,285,286],{"class":179},"    \"vuejs-accessibility\u002Fclick-events-have-key-events\"",[160,288,226],{"class":175},[160,290,229],{"class":179},[160,292,232],{"class":175},[160,294,296,299,301,303],{"class":162,"line":295},8,[160,297,298],{"class":179},"    \"vuejs-accessibility\u002Fform-control-has-label\"",[160,300,226],{"class":175},[160,302,229],{"class":179},[160,304,232],{"class":175},[160,306,308,311,313,315],{"class":162,"line":307},9,[160,309,310],{"class":179},"    \"vuejs-accessibility\u002Fheading-has-content\"",[160,312,226],{"class":175},[160,314,229],{"class":179},[160,316,232],{"class":175},[160,318,320,323,325,327],{"class":162,"line":319},10,[160,321,322],{"class":179},"    \"vuejs-accessibility\u002Fiframe-has-title\"",[160,324,226],{"class":175},[160,326,229],{"class":179},[160,328,232],{"class":175},[160,330,332,335,337,339],{"class":162,"line":331},11,[160,333,334],{"class":179},"    \"vuejs-accessibility\u002Finteractive-supports-focus\"",[160,336,226],{"class":175},[160,338,229],{"class":179},[160,340,232],{"class":175},[160,342,344,347,349,351],{"class":162,"line":343},12,[160,345,346],{"class":179},"    \"vuejs-accessibility\u002Flabel-has-for\"",[160,348,226],{"class":175},[160,350,229],{"class":179},[160,352,232],{"class":175},[160,354,356,359,361,363],{"class":162,"line":355},13,[160,357,358],{"class":179},"    \"vuejs-accessibility\u002Fmedia-has-caption\"",[160,360,226],{"class":175},[160,362,229],{"class":179},[160,364,232],{"class":175},[160,366,368,371,373,375],{"class":162,"line":367},14,[160,369,370],{"class":179},"    \"vuejs-accessibility\u002Fmouse-events-have-key-events\"",[160,372,226],{"class":175},[160,374,229],{"class":179},[160,376,232],{"class":175},[160,378,380,383,385,387],{"class":162,"line":379},15,[160,381,382],{"class":179},"    \"vuejs-accessibility\u002Fno-access-key\"",[160,384,226],{"class":175},[160,386,229],{"class":179},[160,388,232],{"class":175},[160,390,392,395,397,399],{"class":162,"line":391},16,[160,393,394],{"class":179},"    \"vuejs-accessibility\u002Fno-autofocus\"",[160,396,226],{"class":175},[160,398,229],{"class":179},[160,400,232],{"class":175},[160,402,404,407,409,411],{"class":162,"line":403},17,[160,405,406],{"class":179},"    \"vuejs-accessibility\u002Fno-distracting-elements\"",[160,408,226],{"class":175},[160,410,229],{"class":179},[160,412,232],{"class":175},[160,414,416,419,421,423],{"class":162,"line":415},18,[160,417,418],{"class":179},"    \"vuejs-accessibility\u002Fno-onchange\"",[160,420,226],{"class":175},[160,422,229],{"class":179},[160,424,232],{"class":175},[160,426,428,431,433,435],{"class":162,"line":427},19,[160,429,430],{"class":179},"    \"vuejs-accessibility\u002Fno-redundant-roles\"",[160,432,226],{"class":175},[160,434,229],{"class":179},[160,436,232],{"class":175},[160,438,440,443,445,447],{"class":162,"line":439},20,[160,441,442],{"class":179},"    \"vuejs-accessibility\u002Frole-has-required-aria-props\"",[160,444,226],{"class":175},[160,446,229],{"class":179},[160,448,232],{"class":175},[160,450,452,455,457],{"class":162,"line":451},21,[160,453,454],{"class":179},"    \"vuejs-accessibility\u002Ftabindex-no-positive\"",[160,456,226],{"class":175},[160,458,459],{"class":179},"\"error\"\n",[160,461,463],{"class":162,"line":462},22,[160,464,465],{"class":175},"  }\n",[30,467,468,469,472,473,478],{},"Après on a ",[157,470,471],{},"npm run lint"," et notre terminal s’est mis à clignoter de toutes les couleurs\n",[34,474,477],{"href":475,"rel":476},"https:\u002F\u002Fen.wikiquote.org\u002Fwiki\u002FHenry_Ford",[38],"(enfin, tant que c’est du rouge)",".",[30,480,481],{},"Après on a retroussé nos claviers, et on a réparé toutes les erreurs remontées par le plugin :",[127,483],{"src":484,"alt":10,"style":485},"\u002Fimages\u002FUntitled-18.png","width:200px;",[30,487,488],{},[132,489,490],{},"Comme ça on était pas au top ?",[30,492,493],{},"Avec sur le podium des choses pas top :",[495,496,497,503,508],"ol",{},[498,499,500],"li",{},[157,501,502],{},"vuejs-accessibility\u002Flabel-has-for",[498,504,505],{},[157,506,507],{},"vuejs-accessibility\u002Fclick-events-have-key-events",[498,509,510],{},[157,511,512],{},"vuejs-accessibility\u002Fform-control-has-label",[30,514,515],{},"Et pour une utilisatrice malvoyante, ça aurait posé souci dans les formulaires !",[30,517,518,519,524],{},"Après on a regardé notre code, tout ce qu'on avait amélioré\n“",[34,520,523],{"href":521,"rel":522},"https:\u002F\u002Fsaintebible.com\u002Fgenesis\u002F1-31.htm",[38],"et voici, cela était très bon","”. Enfin, un peu mieux\nquoi. C’est pas fini !",[30,526,527],{},"Et sans grande difficulté qui plus est, comme quoi parfois c’est pas compliqué de bien faire :",[127,529],{"src":530,"alt":10,"style":531},"\u002Fimages\u002FScreenshot-from-2022-08-04-16-30-46.png","width:400px;",[30,533,534],{},[132,535,536],{},"Exemple typique : un label en lieu et place d’un texte classique",[127,538],{"src":539,"alt":10,"style":531},"\u002Fimages\u002FScreenshot-from-2022-08-04-16-30-26.png",[30,541,542],{},[132,543,544],{},"L’inverse sinon c’est pas drôle : un div qui aurait dû être un label",[127,546],{"src":547,"alt":10,"style":548},"\u002Fimages\u002FScreenshot-from-2022-08-04-16-30-04.png","width:600px;",[30,550,551],{},[132,552,553],{},"Click click, mais j’ai qu’un clavier… Même méthode, handler spécifique",[57,555],{},[60,557,559],{"id":558},"demain-la-suite-au-prochain-épisode","🚀 DEMAIN : la suite au prochain épisode",[30,561,562],{},"Non, c’est pas fini, loin de là. Ce premier article touche à sa fin car le jour 3 s’est achevé hier.",[30,564,565],{},"Mais demain ? Demain on va continuer !",[30,567,568],{},"Parce que c’est bien beau de regarder les recommandations, mais ça ne répond pas nécessairement aux\nbesoins de nos utilisateurs. Et nos utilisateurs c’est notre raison de travailler.",[30,570,571],{},"Donc à prévoir :",[573,574,575,578,581,584,587],"ul",{},[498,576,577],{},"Des sondages auprès de nos utilisateurs (internes et externes) pour déterminer les priorités",[498,579,580],{},"Des audits plus poussés (tout ne peut pas se voir dans le code, exemple tout bête : le contraste\nd’un texte ou les couleurs d’un bouton)",[498,582,583],{},"La détermination d’indicateurs fiables pour suivre l’évolution de l’accessibilité",[498,585,586],{},"La rédaction d’une convention technique pour encadrer le développement de nos applications et\nintégrer l’accessibilité aux bonnes pratiques de code chez Indy",[498,588,589],{},"Un deuxième article de blog !",[591,592,593],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":10,"searchDepth":11,"depth":11,"links":595},[596,597,598,599],{"id":62,"depth":11,"text":63},{"id":101,"depth":11,"text":102},{"id":122,"depth":11,"text":123},{"id":558,"depth":11,"text":559},"2022-09-08","journal de bord du projet d’amélioration des problématiques d’accessibilité de l’application Indy et de ses copines utilisées en interne.","fr",{},"\u002Farticles\u002F2022-09-08-accessibilite-101",{"title":25,"description":601},"articles\u002F2022-09-08-accessibilite-101",[608,609],"Tech","A11y","7xk8RqeLpFNZPo_s7yOlOF7vtQ4OM-KcZPO8EdI21Uo",{"id":612,"title":613,"author":26,"body":614,"date":747,"description":748,"extension":13,"lang":602,"meta":749,"navigation":16,"path":750,"published":16,"readingTime":295,"seo":751,"stem":752,"tags":753,"__hash__":755},"articles\u002Farticles\u002F2022-06-16-teletravail-comment-trouver-son-curseur.md","Télétravail : comment trouver son curseur",{"type":7,"value":615,"toc":742},[616,620,625,627,630,633,636,639,642,645,647,650,653,656,659,662,665,668,674,676,679,682,691,694,703,712,715,728,736,739],[60,617,619],{"id":618},"tu-sais-pas-quoi-je-viens-au-bureau-mardi","“Tu sais pas quoi ? Je viens au bureau mardi !”",[621,622,624],"h3",{"id":623},"ou-où-comment-et-pourquoi-télétravailler","Ou : où, comment et pourquoi télétravailler.",[57,626],{},[30,628,629],{},"La question du rapport entre un pangolin et le cours de l’action des GAFAM peut vous sembler\nrhétorique aujourd’hui, à tête reposée et nez récuré (maintes fois). Mais il y a 3 ans à peine, on\nvous a peut-être ri au nez quand vous avez tenté subtilement d’aborder la question de l’intérêt de\nvous avoir équipé d’un pc portable si celui-ci est systématiquement accroché au même bureau — et ce,\nau bureau justement —",[30,631,632],{},"Alors forcément aujourd’hui en parlant de télétravail et vu l’Histoire, on pourrait croire que je\nm’attaque vaillamment à l’invention de l’eau tiède. Tout a été dit. Tout ? Non ! Un village peuplé\nd'irréductibles gaulois résiste encore et toujours à l'envahisseur. Je discutais avec un ami pas\nplus tard qu’il y a 3 jours, un ami qui me disait que son but à court terme était d’apprendre à\ntélétravailler.",[30,634,635],{},"Drôle d’idée non ?",[30,637,638],{},"Pourtant c’est un réel besoin pour lui, et ce malgré son doctorat en informatique, ses années\nd’expérience et la promotion des bonnes pratiques omniprésente dans son travail (le genre de gars à\navoir toute sa CI rouge si il manque une Docstring, si vous voyez ce que j’veux dire).",[30,640,641],{},"Parce qu’il ne considère pas le télétravail comme une évidence, et encore moins comme étant gagné\nd’avance.",[30,643,644],{},"Et vous savez quoi ? Je pense sincèrement qu’il a raison. Et que j’ai eu tort.",[57,646],{},[30,648,649],{},"Les lecteurs attentifs de ce blog savent que j’ai toujours travaillé dans l’écosystème dit\n“startup”. Et pour moi le télétravail a toujours été un acquis. J’ai même commencé ma carrière dans\nun coworking avec mon CTO à ma droite et une autre société sur le bureau d’en face.",[30,651,652],{},"Quoi ? Mais dans un coworking on est au bureau ! Ça n’est pas du télétravail !",[30,654,655],{},"Alors si. Télétravail n’est pas synonyme de travail à la maison, et aujourd’hui on va se baser sur\nla définition suivante :",[30,657,658],{},"💡 Télétravail === travail ailleurs que dans des locaux propres à l’entreprise de l’employé·e.",[30,660,661],{},"Comme dans tous les jeux sociétaux, on n’a clairement pas tou·te·s les mêmes cartes. Et les\nprivilèges, comme partout, ça change la donne. Ce n’est pas les gens coincés au RDC d’un immeuble\nborgne pendant que leur collègue prend le soleil du Sud sur la terrasse de son AirBnB de troisième\nconfinement qui me diront le contraire. Et la visioconférence du lundi matin n’arrangera en rien les\nchoses pour celleux pour qui l’Arcep utilise le terme “zone blanche” et qui disposent donc d’un\ndébit internet proche du transport de disquettes 3,5” à dos de tortue.",[30,663,664],{},"Alors attention, je fais le malin à utiliser de belles métaphores, mais bien sûr ce que je dis ici\nne s’applique globalement qu’aux employé·e·s de bureau. Parce que pour la personne qui bosse à\nl’usine, le problème de débit internet pour la visio ça la fait doucement rigoler (sous le masque).",[30,666,667],{},"Mais même si on se cantonne à ce que j’ai principalement connu jusqu’à maintenant, on a déjà du\ngrain à moudre. À commencer par le café. Prenez-en un d’ailleurs, ou un thé. Ou une bière si vous\nn’êtes pas au bureau.",[30,669,670],{},[127,671],{"alt":672,"src":673},"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FgauMbxZcGmcxknkV3m\u002Fgiphy.gif","\u002Fimages\u002Fgiphy.gif",[57,675],{},[30,677,678],{},"Comme souvent, le télétravail peut fonctionner très bien comme très mal. Et je sais de quoi je\nparle, j’ai essayé les deux (pour toi public). L’important ici c’est de trouver son équilibre. Et\ncet équilibre n’est pas le même pour tout le monde ! Vous me direz, travailler systématiquement au\nbureau ne correspond pas à tout le monde non plus. Et vous aurez raison. Et je vous dirai oui ! Oui,\net c’est l’intérêt majeur de la démocratisation du télétravail. Permettre à chacun de trouver\nl’équilibre idoine entre les différentes contraintes et avantages de chaque mode de fonctionnement.",[30,680,681],{},"Parce que tout n’est pas rose en remote, et tout n’est pas gris au bureau. Loin de là.",[30,683,684,685,690],{},"Je parlais d’équilibre pro \u002F perso dans\n",[34,686,689],{"href":687,"rel":688},"https:\u002F\u002Ftech.indy.fr\u002F2022\u002F03\u002F31\u002Frex-comment-mener-une-activite-annexe-en-parallele-du-salariat\u002F",[38],"mon précédent billet",",\net le télétravail est un vrai bonus pour l’atteindre... quand bien utilisé. Sinon c’est une calamité\nqui va venir vous chercher au fond du lit (ou pire, au bar) pour le meet de 20h45.",[30,692,693],{},"Il faut cependant bien admettre que plus de souplesse peut s’avérer précieuse sans porter préjudice\nà la sacro-sainte productivité (bien au contraire). Un exemple tout bête ? Votre créneau de\nlivraison de colis s’étend de 8h lundi à 19h lundi (d’après) ? Ça serait dommage de poser 8 CP pour\nles 4 minutes d’interruption effective de votre travail non ? Un autre exemple : les rdv médicaux\nqui nécessitent très rarement 8h d’absence et ne se soldent que trop souvent par une journée de\ncongé sans solde.",[30,695,696,697,702],{},"À l’opposé du spectre on trouve malheureusement bien des désagréments. Le principal étant bien\nsouvent lié au télétravail... à la maison. En effet, quand le télétravail est subi et non choisi, on\nest très rarement équipé correctement pour le faire chez soi. Très pragmatiquement, on peut citer\nl’équipement informatique (écran externe, périphériques dédiés, etc...) ainsi que le bureau et son\nfauteuil, un minimum ergonomique s’il vous plaît selon la médecine du travail. Mais le plus\nimportant dans le télétravail à domicile, ce qui peut transformer le tout en cauchemar, c’est bien\nun bureau. La pièce je veux dire. Rien de tel que de travailler sur son canapé ou dans son lit\nconjugal pour déclencher, subir puis haïr l’invasion de sa sphère personnelle par le boulot. La\nfrontière jusqu’alors bien définie va finir par se flouter puis disparaître, et là adieu\n",[34,698,701],{"href":699,"rel":700},"https:\u002F\u002Ffr.wikipedia.org\u002Fwiki\u002FDroit_%C3%A0_la_d%C3%A9connexion",[38],"le droit à la déconnexion"," !",[30,704,705,706,711],{},"Et n’oublions pas les coûts financiers imputés aux factures perso par les activités pro ! 8h par\njour de consommation électrique, internet, et\n",[34,707,710],{"href":708,"rel":709},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=UGtKGX8B9hU",[38],"les 17 cafés quotidiens"," sur la petite machine\ndomestique, ça finit par s’accumuler au bout de 52 semaines ! D’aucuns diraient que ces factures\ndevraient être réglées par l’entreprise au prorata de l’utilisation professionnelle, et ils auraient\nbien raison...",[30,713,714],{},"Vous me sentez amer peut-être, mais je suis pourtant un fervent défenseur du télétravail. Parce que\nj’ai un bureau dédié à la maison ! Les 50 minutes de train entre celle-ci à la campagne et le bureau\nd’Indy n’y sont pas pour rien non plus (coucou les pauvres parisiens prisonniers du RER).",[30,716,717,718,727],{},"Mais ce n’est pas pour autant que je prône le full-remote, ou l’absence de locaux dédiés. Bien au\ncontraire, je suis ravi de faire les trajets hebdomadaires et de voir les collègues ailleurs que sur\nmon écran ! Je suis ravi de partager tous ces moments et interactions ailleurs que sur Slack. Je\nsuis ravi de pouvoir dessiner au tableau blanc pour présenter ma dernière idée farfelue ou qu’on\nm’explique un détail d’architecture. Je suis ravi de rencontrer la dernière promo d’indies,\nfraîchement débarquée en début de mois (ah oui,\n",[34,719,722,723,726],{"href":720,"rel":721},"https:\u002F\u002Fcooptation.hellotrusty.io\u002FUL332U4F8",[38],"on recrute toujours “",[132,724,725],{},"un peu” par"," ici !",").",[30,729,730,731,735],{},"Mais je suis aussi ravi d’éviter l’heure de pointe à Part-Dieu le lundi matin, je suis très content\nd’avoir la vue sur la forêt depuis mon poste, je préfère dépenser mes tickets-restau au restau qu’à\nla boulangerie du coin, et surtout, ",[732,733,734],"strong",{},"surtout",", en bon geek du café le mien est meilleur que celui\ndu bureau 🙃. Mais il n’est pas offert par Indy. Tout est question d’équilibre qu’il vous disait le\nmec au début de l’article.",[30,737,738],{},"Vous aurez peut-être compris maintenant que je ne suis pas là pour plaider une organisation du\ntravail ou l’autre, mais bien les deux ! Les deux à la fois, les deux parfois, l’une ou l’autre\nselon les besoins de chacun et chaque situation, en bonne intelligence. Car parfois il ne faut que\nça : du bon sens. Et j’espère sincèrement qu’à la fin de la pandémie — d’ici 2043 — quand tout sera\nrevenu à la normale, on n’aura pas l’idée saugrenue de faire un bond en arrière vers les normes\nobsolètes d’hier. Et je me prends à parier qu’on continuera à faire des pas de côté et à joyeusement\ndémonter les mauvaises habitudes jusque là accumulées.",[30,740,741],{},"Et toi alors ? Toi derrière ton écran sur ton canapé ou dans ton box. Tu paries avec moi ? Ou contre\nmoi...",{"title":10,"searchDepth":11,"depth":11,"links":743},[744],{"id":618,"depth":11,"text":619,"children":745},[746],{"id":623,"depth":235,"text":624},"2022-06-16","Tu sais pas quoi ? Je viens au bureau mardi !",{},"\u002Farticles\u002F2022-06-16-teletravail-comment-trouver-son-curseur",{"title":613,"description":748},"articles\u002F2022-06-16-teletravail-comment-trouver-son-curseur",[754],"Organisation","OiTdOqOFm42zYtWZgVpaNCtq1eOgQxC138USA31KNsw",{"id":757,"title":758,"author":26,"body":759,"date":1078,"description":767,"extension":13,"lang":1079,"meta":1080,"navigation":16,"path":1081,"published":16,"readingTime":295,"seo":1082,"stem":1083,"tags":1084,"__hash__":1085},"articles\u002Farticles\u002F2022-05-19-accessibility.md","Accessibility",{"type":7,"value":760,"toc":1065},[761,765,768,771,774,778,781,784,787,790,793,795,798,800,803,805,810,813,816,820,823,836,839,844,847,850,853,859,862,867,870,873,893,896,904,907,910,913,916,919,927,930,933,936,944,947,950,958,961,964,972,975,978,981,984,987,990,993,1001,1004,1009,1012,1017,1020,1023,1026,1030,1036],[60,762,764],{"id":763},"foreword","Foreword",[30,766,767],{},"This is no techie article but it does indeed talk about tech.",[30,769,770],{},"Don’t expect code blocks below, but I trust I’ll broach some important thinking points. I’m also no\ndefinitive expert on the subject, but I have always found the discussed issue to be dramatically\nimportant in our ecosystem.",[30,772,773],{},"So please bear with me!",[60,775,777],{"id":776},"lets-play-a-game","Let’s play a game",[30,779,780],{},"Imagine if you will that you’re surfing merrily on your favorite handheld device on a warm autumn\nafternoon. Battery chock-full of energy, 4G (5G even?) pouring kitten photos on your nice 90Hz OLED\nscreen, fluid interface anticipating your every needs.",[30,782,783],{},"And all is well.",[30,785,786],{},"Now. Now, imagine that the sun suddenly shines through the low-hanging clouds and glares over your\nscreen.",[30,788,789],{},"You’re handicapped.",[30,791,792],{},"Imagine your ISP decided you did not give them enough kitten-money and throttles your connection.",[30,794,789],{},[30,796,797],{},"Imagine it’s now winter and real darn cold. You’re wearing gloves, and the touch-screen doesn’t\nregister your fingers.",[30,799,789],{},[30,801,802],{},"You get a notification. But your phone’s vibrator is deactivated. Lucky for you, it does ring.\nUnlucky for you, you work in a loud factory.",[30,804,789],{},[30,806,807],{},[732,808,809],{},"BUT WAIT!",[30,811,812],{},"I’m no handicapped person I hear you cry out, slightly worried.",[30,814,815],{},"Well, you yourself might not be disabled, but you definitely will be handicapped from time to time,\nmaybe less than others, maybe more, definitely for different reasons.",[60,817,819],{"id":818},"what-of-it","What of it?",[30,821,822],{},"Accessibility isn’t a buzzword or a fad. Accessibility isn’t just another metric or a Lighthouse\nreport entry. Accessibility is actually one of the founding principles of the Internet (and maybe\nthe most important one).",[30,824,825,826,130,831,835],{},"\u003Caside> ℹ️ Don’t quote me on that. !! You might want to quote the\n",[34,827,830],{"href":828,"rel":829},"https:\u002F\u002Fcontractfortheweb.org\u002F",[38],"Contract for the web’s principles",[34,832,834],{"href":833},"\u002FAccessibility.md","1"," though.",[30,837,838],{},"\u003C\u002Faside>",[127,840],{"src":841,"alt":842,"style":843},"\u002Fimages\u002FScreenshot-2021-08-24-at-16-48-32-Contract-for-the-Web-1-1.png","Contract for the Web screenshot","width:100px;",[30,845,846],{},"(huge) list of 584 companies supporting Contract for the web",[30,848,849],{},"All those guys and girls must sure know what they’re talking about.",[30,851,852],{},"And what do we find there first? Right at the top?",[854,855,856],"blockquote",{},[30,857,858],{},"Ensure everyone can connect to the internet",[30,860,861],{},"And just a bit further?",[854,863,864],{},[30,865,866],{},"Make the internet affordable and accessible to everyone",[30,868,869],{},"Although these two principles are aimed respectively at governments and companies, I do believe that\neveryone is part of the Web (World-Wide, remember?) and should act accordingly. And it has nothing\nto do whatsoever with our personal mental and \u002F or physical abilities.",[30,871,872],{},"Accessibility is not about handicap. It is not about disability. It is no luxury. It’s the basis of\nan ever-expanding global network that cannot be allowed to leave anyone behind. It might sound\ncheesy, overly philosophical or even utopian, but it has direct implications for anyone building\n(for) the Web and potentially dire repercussions for anyone using it.",[495,874,875,878,881,884,887,890],{},[498,876,877],{},"Net neutrality is no joke",[498,879,880],{},"No-one is immune to being handicapped",[498,882,883],{},"Accessibility is a duty of those building tools online",[498,885,886],{},"Accessibility is the standard and not the other way around",[498,888,889],{},"Building accessible platforms means building better platforms tech-wise",[498,891,892],{},"It’s no ethical conundrum, but it is an ethical imperative",[30,894,895],{},"Let us dive deeper then.",[621,897,899],{"id":898},"_1-net-neutrality",[34,900,903],{"href":901,"rel":902},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FNet_neutrality",[38],"1. Net neutrality",[30,905,906],{},"This one might surprise you, as it’s not commonly associated with handicap, but it might just be as\nimportant for this topic. Indeed, as we thrive not to discriminate handicapped users, we also must\nfight against data discrimination.",[30,908,909],{},"If you’re throttled by your ISP, you’re not going to be able to use the Web normally.",[30,911,912],{},"Let’s never give up on this one. It affects every single person as independent decentralized\ninternet access is still somewhat of a utopia.",[30,914,915],{},"I won’t go into too much details here, as so many much more relevant and informed people are\nfighting everyday for it.",[30,917,918],{},"Do go support them though!",[621,920,922],{"id":921},"_2-everyone-is-liable-to-handicap-yes-even-you",[34,923,926],{"href":924,"rel":925},"https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FAbleism",[38],"2. Everyone is liable to handicap (yes even you)",[30,928,929],{},"Disability and handicap are two very different concepts. If a disabled person might be handicapped\nmost of the time, a perfectly able person will be handicapped from time to time. As evolved as we\nmay like to think our society is, able-ism is still very present on- and off-line. And it does not\nstop at too few wheelchair-accessible stores and homes.",[30,931,932],{},"It does not stop at allowing visually impaired people to use your website either. In this wonderful\ndiversity of humans all around the disc globe, everyone has different needs and different ways of\nconsuming the Web. Be it by aid of a screen-reader, by zooming every webpage to 200% or by using a\nslow reconditioned device inherited from your third sibling. You just can NOT assume everyone is on\na broadband connection enabled desktop with a fullHD screen in good lighting conditions.",[30,934,935],{},"An example so dumb it might seem trivial is the difference between touch-devices and mouse usage.\nYou just don’t click the way you tap. And the other way round. And you must take both use-cases into\naccount. Especially since the borders between devices seems to be fading (looking at you convertible\nlaptops and stylus phones).",[621,937,939],{"id":938},"_3-as-a-developer-its-your-job-to-build-accessible-platforms-not-the-users",[34,940,943],{"href":941,"rel":942},"https:\u002F\u002Fwww.smashingmagazine.com\u002F2021\u002F03\u002Fcomplete-guide-accessible-front-end-components\u002F",[38],"3. As a developer it’s your job to build accessible platforms, not the user’s",[30,945,946],{},"You might rarely see a web developer job offer containing explicit mention of accessibility, but\nit’s not because it’s not part a of the tasks. It’s because it’s an implicit prerequisite. As a\ndeveloper, it is your duty to take it into account.",[30,948,949],{},"If you love the Web (and I hope you do if you build it) you’re expected to take its philosophy into\naccount. It’s right there in the name : World-Wide Web. World-Wide. Entire populations. The entire\npopulation.",[621,951,953],{"id":952},"_4-accessibility-is-no-afterthought-its-the-basis",[34,954,957],{"href":955,"rel":956},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FLearn\u002FAccessibility\u002FWhat_is_accessibility#implementing_accessibility_into_your_project",[38],"4. Accessibility is no afterthought. It’s the basis.",[30,959,960],{},"It’s often thought that you can build stuff and make it accessible afterwards. That if you find some\ntime at the end of the sprint you might either add aria attributes or enjoy a day off.",[30,962,963],{},"Well… NO. If you don’t include it from the ground up, you are discriminating users. And\ndiscrimination is bad, m’kay? It’s no quick-win to block people from using your app.",[621,965,967],{"id":966},"_5-virtuous-circles-and-best-practices",[34,968,971],{"href":969,"rel":970},"https:\u002F\u002Ffr.m.wikipedia.org\u002Fwiki\u002FFichier:Ouroboros.svg",[38],"5. Virtuous circles and best practices",[30,973,974],{},"Think about it. If you build stuff right on one aspect, chances are other parts of the system will\nbenefit from it.",[30,976,977],{},"Accessibility as a standard helps you build better tech.",[30,979,980],{},"Taking time to think about the tabbing index of your page to allow users to navigate it using their\nkeyboard can only improve the zoning and hierarchy of the page.",[30,982,983],{},"Taking time to improve the contrast ratios of your UI will improve it’s design.",[30,985,986],{},"Taking time to label your actionable elements will also improve the page’s SEO.",[30,988,989],{},"Lowering your data payloads for low-bandwidth users will speed up page load for everyone.",[30,991,992],{},"It’s win-win on so many levels.",[621,994,996],{"id":995},"_6-ethics-bro",[34,997,1000],{"href":998,"rel":999},"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FkvmGozJIFULg91pxsv\u002Fgiphy.gif?cid=ecf05e47dohkj8t4zigkfmx9tf9lyrojjyqr1edl0ichj3el&rid=giphy.gif&ct=g",[38],"6. Ethics bro",[30,1002,1003],{},"Ethics has always had bad press if any press at all. The trolley problem might spring to mind. Or\nNBC’s “The good place”. Or even the bible, perhaps?",[854,1005,1006],{},[30,1007,1008],{},"All things whatsoever ye would that men should do to you, do ye even so to them.",[30,1010,1011],{},"Erm… English please?",[854,1013,1014],{},[30,1015,1016],{},"Do unto others as you would have them do unto you.",[30,1018,1019],{},"That’s about it. As a Web-builder, you should create software that treats people ethically. Period.\nNo maybe, no buts, no ifs, you just cannot expect people to use your software in ideal conditions\nand according to your own plan.",[30,1021,1022],{},"You cannot predict the every use case, nor should you, you can just embrace accessibility as one of\nthe basic building blocks of your app to ensure no one is left behind.",[30,1024,1025],{},"Yes, even you.",[60,1027,1029],{"id":1028},"footnotes","Footnotes",[30,1031,1032,1033,1035],{},"[",[34,1034,834],{"href":833},"] Principles for the web",[573,1037,1038,1041,1044,1047,1050,1053,1056,1059,1062],{},[498,1039,1040],{},"“Ensure everyone can connect to the internet”.",[498,1042,1043],{},"“Keep all of the internet available, all of the time”.",[498,1045,1046],{},"“Respect and protect people’s fundamental online privacy and data rights”.",[498,1048,1049],{},"“Make the internet affordable and accessible to everyone”.",[498,1051,1052],{},"“Respect and protect people’s privacy and personal data to build online trust”.",[498,1054,1055],{},"“Develop technologies that support the best in humanity and challenge the worst”.",[498,1057,1058],{},"“Be creators and collaborators on the Web”.",[498,1060,1061],{},"“Build strong communities that respect civil discourse and human dignity”.",[498,1063,1064],{},"“Fight for the Web”.",{"title":10,"searchDepth":11,"depth":11,"links":1066},[1067,1068,1069,1077],{"id":763,"depth":11,"text":764},{"id":776,"depth":11,"text":777},{"id":818,"depth":11,"text":819,"children":1070},[1071,1072,1073,1074,1075,1076],{"id":898,"depth":235,"text":903},{"id":921,"depth":235,"text":926},{"id":938,"depth":235,"text":943},{"id":952,"depth":235,"text":957},{"id":966,"depth":235,"text":971},{"id":995,"depth":235,"text":1000},{"id":1028,"depth":11,"text":1029},"2022-05-19","en",{},"\u002Farticles\u002F2022-05-19-accessibility",{"title":758,"description":767},"articles\u002F2022-05-19-accessibility",[608,609],"cNBbQIzvK6jQDpgf8FHWVj3KE-DK6gs1JEFxBoxnnQc",{"id":1087,"title":1088,"author":26,"body":1089,"date":1304,"description":1305,"extension":13,"lang":602,"meta":1306,"navigation":16,"path":1307,"published":16,"readingTime":295,"seo":1308,"stem":1309,"tags":1310,"__hash__":1312},"articles\u002Farticles\u002F2022-03-31-rex-comment-mener-une-activite-annexe-en-parallele-du-salariat.md","REX : comment mener une activité annexe en parallèle du salariat",{"type":7,"value":1090,"toc":1299},[1091,1095,1099,1101,1106,1109,1112,1115,1118,1121,1124,1127,1129,1132,1135,1138,1141,1144,1147,1150,1153,1156,1162,1164,1167,1180,1185,1191,1194,1197,1200,1207,1210,1217,1220,1223,1252,1255,1258,1260,1263,1266,1273,1276,1279,1281,1284,1287,1290,1293,1296],[60,1092,1094],{"id":1093},"ya-pas-que-les-ordinateurs-qui-sont-multitâches","“Y’a pas que les ordinateurs qui sont multitâches”",[621,1096,1098],{"id":1097},"ou-un-retour-dexpérience-sur-mes-activités-parallèles-au-salariat","Ou, un retour d’expérience sur mes activités parallèles au salariat.",[57,1100],{},[854,1102,1103],{},[30,1104,1105],{},"Web developer who also develops film.",[30,1107,1108],{},"👆Ainsi commence ma bio Twitter.",[30,1110,1111],{},"Pour les moins anglophones d’entre nous, ça arrive, on pourrait le traduire maladroitement en\n“développeur informatique qui développe aussi des photos”.",[30,1113,1114],{},"Forcément, au royaume des 140 caractères, la brévité est de mise et cette description de mon\nquotidien est un peu réductrice. Mais elle n’en reste pas moins très juste !",[30,1116,1117],{},"L’informatique est mon métier ainsi qu’une partie de mes loisirs, et la photographie argentique est\nma passion ainsi qu’une partie de mes activités professionnelles.",[30,1119,1120],{},"Ce continuum travail \u002F profession \u002F loisirs, dans un monde de plus en plus fluctuant, de plus en\nplus (inter)connecté est une facette nouvelle d’un schéma du travail fondamentalement opposé à la\nconstruction traditionnelle de l’individu par sa profession et à fortiori par une carrière longue et\nunique.",[30,1122,1123],{},"“freelances”, “slashers”, entrepreneurs individuels, auto-entrepreneurs, “micro-taskers”, autant de\nformes de travail à l’opposé du CDI à vie et qui semblent pourtant se pérenniser.",[30,1125,1126],{},"Moi-même c’est mon 4ème contrat en tant que développeur web, dans autant d’entreprises différentes.\nLà où mon père passa quelques 35 ans de carrière dans l’informatique au sein de la même société. Et\nsans la photographie et l’auto-entreprise, je n’aurais jamais eu l’occasion d’écrire ces lignes, car\nje ne serais jamais devenu développeur.",[57,1128],{},[30,1130,1131],{},"Revenons au début. Ou presque, ça prendrait trop longtemps.",[30,1133,1134],{},"2008, pas trop mauvais au lycée, bac S et direction l’INSA Lyon pour étudier le génie mécanique et\nsans le moindre doute y dédier ma carrière.",[30,1136,1137],{},"2010, pas trop mauvais en photo, que je pratique depuis quelques années, je décide de les publier\nsur internet, et de faire un blog. En bon ingénieur que je n’étais pas encore, j’en profite pour\nessayer de coder ce blog moi-même, et mets un pied dans Wordpress.",[30,1139,1140],{},"2011, pas trop mauvais en Wordpress, autodidacte et très motivé, je crée mon auto-entreprise pour\nfournir des sites vitrines à des connaissances et y consacre une année blanche.",[30,1142,1143],{},"2013, plus trop motivé par le génie mécanique, et bien plus intéressé par l’informatique, je me\nréoriente vers un DUT Informatique en année spéciale.",[30,1145,1146],{},"2014, pas déçu par ce DUT, j’enchaîne sur un cursus d’ingénieur à nouveau. En alternance et en\ninformatique cette fois-ci.",[30,1148,1149],{},"2017, finalement BAC+5, je quitte l’alternance et rejoins une startup où je choisis le temps partiel\npour continuer la photo sur mon temps perso.",[30,1151,1152],{},"2019, toujours passionné de photo, je prends le statut légal d’artiste auteur.",[30,1154,1155],{},"2019 aussi, je rejoins Indy, alors Georges.tech, et je conserve ce temps partiel.",[30,1157,1158],{},[127,1159],{"alt":1160,"src":1161},"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FeasASzWu1sI3C\u002Fgiphy.gif","https:\u002F\u002Fi0.wp.com\u002Fmedia.giphy.com\u002Fmedia\u002FeasASzWu1sI3C\u002Fgiphy.gif?w=1140&ssl=1",[57,1163],{},[30,1165,1166],{},"C’est bien beau tout ça, mais quand est-ce qu’on mange pourquoi on lit ça sur un blog tech ?",[30,1168,1169,1170,1173,1174,1179],{},"Parce que chez Indy, la tech ne s’arrête pas au point-virgule final de nos fichiers (oui, ici c’est\n",[157,1171,1172],{},"semi: ['error', 'always']","). On recrute et travaille quotidiennement avec des humains, et c’est la\nbase de notre philosophie. Pour paraphraser\n",[34,1175,1178],{"href":1176,"rel":1177},"https:\u002F\u002Fcooptation.hellotrusty.io\u002FUL332U4F8\u002Fjobs\u002F620b0a78164267000474763f",[38],"notre annonce pour le poste de développeur·euse","\n:",[854,1181,1182],{},[30,1183,1184],{},"Chez nous, les valeurs ce n’est pas juste du wording à la mode. Elles font partie intégrante de\nnotre culture. Nous recrutons des talents H.A.P.P.Y.*",[30,1186,1187,1188],{},"* ",[132,1189,1190],{},": Humble, Attentionné·e, Passionné·e, Perfectionniste, Y-factor",[30,1192,1193],{},"Facile à dire, non ?",[30,1195,1196],{},"Pas si facile dans la vraie vie (IRL™️), et encore moins dans une entreprise en hyper-croissance qui\nvoit arriver de nouveaux visages tous les mois !",[30,1198,1199],{},"Pourtant mon quotidien de développeur chez Indy en bénéficie tous les jours, et je suis heureux de\nrendre la pareille dès que j’en ai l’occasion.",[30,1201,1202,1203,1206],{},"💡 Car c’est ",[732,1204,1205],{},"réellement"," important.",[30,1208,1209],{},"À tel point que dans les attentes de progression de carrière, on trouve ces valeurs au même niveau\nque l’architecture logicielle ou la connaissance de Node.js.",[30,1211,1212,1213,1216],{},"Et tout à l’heure, j’ai répondu “J'encourage les équilibres pro\u002Fperso, fais attention à ce que\nchacun trouve sa place.” en face du ",[732,1214,1215],{},"P","assionné de HAPPY.",[30,1218,1219],{},"Et je me suis dit que oui, en effet, je n’étais pas qu’un développeur informatique dans une équipe\ntechnique.",[30,1221,1222],{},"Allez, assez de bla-bla. Des faits !",[573,1224,1225,1228,1231,1234,1237,1240,1243,1246,1249],{},[498,1226,1227],{},"Je suis en temps partiel.",[498,1229,1230],{},"Ou plutôt, en temps partiels, 80% \u002F 20%.",[498,1232,1233],{},"J’utilise mes compétences acquises à Indy pour mon activité de photographe, entre autres.",[498,1235,1236],{},"J’utilise mes compétences de photographe chez Indy. Littéralement. J’y prends régulièrement des\nphotos.",[498,1238,1239],{},"Mais pas que. Je participe aussi aux explorations produit, étant très bien placé pour connaître\nles besoins des indépendants.",[498,1241,1242],{},"J’ai un statut légal d’auteur photographe, donc techniquement j’ai deux activités\nprofessionnelles.",[498,1244,1245],{},"Je profite des refontes de mon site pro pour faire de la veille technologique.",[498,1247,1248],{},"Évidemment, j’utilise Indy (avec plaisir) pour ma compta photo 😜.",[498,1250,1251],{},"Et bien sûr je peux débugger les features sur un “vrai” compte !",[30,1253,1254],{},"J’avais commencé mon contrat en 90% sous un format un vendredi sur deux, mais je me suis vite rendu\ncompte que c’était une galère à organiser. Les collègues ne savaient jamais si j’étais au bureau ou\nau bar, je devais prévoir chaque mois les jours de présence en jonglant entre les différents mois\nselon le nombre de vendredis effectifs, bref, c’était pas idéal.",[30,1256,1257],{},"Aujourd’hui (et depuis un bon moment du coup), je suis en 80% avec un format habituel jamais d’Indy\nle vendredi (oui ça rime). Sachant que ce n’est pas gravé dans le marbre chez nous, et que quand et\nsi j’ai besoin d’adapter ça ne pose pas de souci. Par exemple un shoot photo qui tombe le mardi ne\nsera pas perdu, et je rattraperai ma journée le vendredi. Mais c’est quand même plus simple pour\ntout le monde quand c’est un jour fixe.",[57,1259],{},[30,1261,1262],{},"D’ailleurs puisqu’on parle de simplicité, il faut bien avouer que le temps partiel — comme tous les\ncompromis — n’est pas l’organisation la plus simple. Mais à mes yeux la balance finale penche\nclairement du côté du bénéfice malgré de nombreuses petites frustrations.",[30,1264,1265],{},"Parce que oui, même si on met pas en prod le vendredi il se passe quand même des choses au bureau\nsur Slack | Github à la tech Indy. Je pense notamment aux évènements et rituels de l’équipe qui ont\nlieu le vendredi et auxquels je ne peux donc pas participer.",[30,1267,1268,1269,1272],{},"💡 ",[732,1270,1271],{},"Rappel :"," pour les tech Indy, le vendredi après-midi c’est veille techno, montée en\ncompétences et R&D, 10% du temps de travail y étant dédié.",[30,1274,1275],{},"Et je rate donc le goûter du code, chouette moment de partage informel entre nous. Certes il est\nenregistré, mais j’ai rarement la disponibilité le reste de la semaine pour rattraper. Et c’est\nquand même moins gratifiant sans les interactions.",[30,1277,1278],{},"Pour la même raison, je fais mon temps de veille le jeudi après-midi afin de profiter d’une fin de\nsemaine agréable ce qui me met en décalage du reste de la vie tech sur cette période.",[57,1280],{},[30,1282,1283],{},"Aujourd’hui je me considère chanceux. Chanceux de l’équilibre que j’ai construit entre pro et perso,\nchanceux d’avoir trouvé une société qui encourage la diversité et la passion, au sein d’une Société\noù c’est loin d’être gagné d’avance. Chanceux d’avoir un métier épanouissant en parallèle de mes\npassions.",[30,1285,1286],{},"Je dis chanceux, mais ça n’a rien à voir avec la chance dans les faits. Ça relève de l’organisation,\nde la philosophie de vie et de la bonne volonté de chacun. C’est un cercle vertueux, moins connu que\nson antagoniste vicieux mais tout aussi potent.",[30,1288,1289],{},"Et il faut bien dire que ça demande aussi pas mal de boulot ! Pas simple de jongler entre différents\nagendas. D’où l’intérêt de bénéficier d’une politique congés souple et de bien s’organiser !",[30,1291,1292],{},"Et vous alors ? Des passions envahissantes ? Des loisirs professionnalisés ? Des projets à\nentreprendre ?",[30,1294,1295],{},"Vous faites quoi à côté du travail ? Comment gérez-vous votre temps précieux ?",[30,1297,1298],{},"Vous avez forcément quelque chose d’autre à investir et faire fructifier. Et dans le cas contraire,\nvous trouverez bien un jour :)",{"title":10,"searchDepth":11,"depth":11,"links":1300},[1301],{"id":1093,"depth":11,"text":1094,"children":1302},[1303],{"id":1097,"depth":235,"text":1098},"2022-03-31","Y’a pas que les ordinateurs qui sont multitâches....",{},"\u002Farticles\u002F2022-03-31-rex-comment-mener-une-activite-annexe-en-parallele-du-salariat",{"title":1088,"description":1305},"articles\u002F2022-03-31-rex-comment-mener-une-activite-annexe-en-parallele-du-salariat",[1311],"dev","3JFVnlHeUaoYDddAHtSBM-XIg9It9AZgsTiur9fulO0",[1314,1326,1338,1351,1364,1376,1388,1401,1414,1427,1439,1451,1464,1476,1488,1500,1512,1524,1536,1548,1561,1573,1585,1598,1610,1617],{"id":1315,"title":5,"body":1316,"description":10,"extension":13,"meta":1320,"name":1321,"navigation":16,"path":1322,"readingTime":18,"seo":1323,"stem":1324,"__hash__":1325},"authors\u002Fauthors\u002Falexandre-guillon.md",{"type":7,"value":1317,"toc":1318},[],{"title":10,"searchDepth":11,"depth":11,"links":1319},[],{},"Alexandre Guillon","\u002Fauthors\u002Falexandre-guillon",{"title":5,"description":10},"authors\u002Falexandre-guillon","4tf48mjyjFNqItOHaulICbrjeCyMag1o6801uHeTz98",{"id":1327,"title":5,"body":1328,"description":10,"extension":13,"meta":1332,"name":1333,"navigation":16,"path":1334,"readingTime":18,"seo":1335,"stem":1336,"__hash__":1337},"authors\u002Fauthors\u002Falexis-ablain.md",{"type":7,"value":1329,"toc":1330},[],{"title":10,"searchDepth":11,"depth":11,"links":1331},[],{},"Alexis Ablain","\u002Fauthors\u002Falexis-ablain",{"title":5,"description":10},"authors\u002Falexis-ablain","_SIAtB7f-39e5t3GiJof81NP47s6MGo2n4gaHkTy1uQ",{"id":1339,"title":1340,"body":1341,"description":10,"extension":13,"meta":1345,"name":1346,"navigation":16,"path":1347,"readingTime":18,"seo":1348,"stem":1349,"__hash__":1350},"authors\u002Fauthors\u002Faxel-shaita.md","Engineering Manager",{"type":7,"value":1342,"toc":1343},[],{"title":10,"searchDepth":11,"depth":11,"links":1344},[],{},"Axel Shaïta","\u002Fauthors\u002Faxel-shaita",{"title":1340,"description":10},"authors\u002Faxel-shaita","fK0argUhsBkWLjpTAhY13oYLVzQthcEYkCEdtHWmIgE",{"id":1352,"title":1353,"body":1354,"description":10,"extension":13,"meta":1358,"name":1359,"navigation":16,"path":1360,"readingTime":18,"seo":1361,"stem":1362,"__hash__":1363},"authors\u002Fauthors\u002Fbaptiste-faure.md","Head of Talent Acquisition",{"type":7,"value":1355,"toc":1356},[],{"title":10,"searchDepth":11,"depth":11,"links":1357},[],{},"Baptiste Faure","\u002Fauthors\u002Fbaptiste-faure",{"title":1353,"description":10},"authors\u002Fbaptiste-faure","ELisToYtcgHmgdVWZkCclTPV6exZtfyXqhpx1jjbJHs",{"id":1365,"title":5,"body":1366,"description":10,"extension":13,"meta":1370,"name":1371,"navigation":16,"path":1372,"readingTime":18,"seo":1373,"stem":1374,"__hash__":1375},"authors\u002Fauthors\u002Fbenjamin-bouillot.md",{"type":7,"value":1367,"toc":1368},[],{"title":10,"searchDepth":11,"depth":11,"links":1369},[],{},"Benjamin Bouillot","\u002Fauthors\u002Fbenjamin-bouillot",{"title":5,"description":10},"authors\u002Fbenjamin-bouillot","tbhCFZyfTt7ZM5b5YgqQ2nhgnSTl8BweaQQryc87fHo",{"id":1377,"title":1340,"body":1378,"description":10,"extension":13,"meta":1382,"name":1383,"navigation":16,"path":1384,"readingTime":18,"seo":1385,"stem":1386,"__hash__":1387},"authors\u002Fauthors\u002Fcedric-nicoloso.md",{"type":7,"value":1379,"toc":1380},[],{"title":10,"searchDepth":11,"depth":11,"links":1381},[],{},"Cédric Nicoloso","\u002Fauthors\u002Fcedric-nicoloso",{"title":1340,"description":10},"authors\u002Fcedric-nicoloso","ibSoh4VZYiWYTuLOnZTedaAfcnvet1Q9H7ogW0LgorY",{"id":1389,"title":1390,"body":1391,"description":10,"extension":13,"meta":1395,"name":1396,"navigation":16,"path":1397,"readingTime":18,"seo":1398,"stem":1399,"__hash__":1400},"authors\u002Fauthors\u002Fdavid-touzet.md","Staff Engineer",{"type":7,"value":1392,"toc":1393},[],{"title":10,"searchDepth":11,"depth":11,"links":1394},[],{},"David Touzet","\u002Fauthors\u002Fdavid-touzet",{"title":1390,"description":10},"authors\u002Fdavid-touzet","dHWwnQxb1Ubt-WwXWEODGEo9AFoq1cJUhfg3kdnYSBM",{"id":1402,"title":1403,"body":1404,"description":10,"extension":13,"meta":1408,"name":1409,"navigation":16,"path":1410,"readingTime":18,"seo":1411,"stem":1412,"__hash__":1413},"authors\u002Fauthors\u002Feloise-chizat.md","Data Engineer",{"type":7,"value":1405,"toc":1406},[],{"title":10,"searchDepth":11,"depth":11,"links":1407},[],{},"Eloïse Chizat","\u002Fauthors\u002Feloise-chizat",{"title":1403,"description":10},"authors\u002Feloise-chizat","Utd72Vm9qT4hh2ZbFi6a2_nXw5Wb494Ed_HL1ra5yw8",{"id":1415,"title":1416,"body":1417,"description":10,"extension":13,"meta":1421,"name":1422,"navigation":16,"path":1423,"readingTime":18,"seo":1424,"stem":1425,"__hash__":1426},"authors\u002Fauthors\u002Femmanuel-auclair.md","Staff engineer",{"type":7,"value":1418,"toc":1419},[],{"title":10,"searchDepth":11,"depth":11,"links":1420},[],{},"Emmanuel Auclair","\u002Fauthors\u002Femmanuel-auclair",{"title":1416,"description":10},"authors\u002Femmanuel-auclair","MtsA8THNLEn0dTtYEIQaGwDuf7MjQL55IOeei5gugEg",{"id":1428,"title":5,"body":1429,"description":10,"extension":13,"meta":1433,"name":1434,"navigation":16,"path":1435,"readingTime":18,"seo":1436,"stem":1437,"__hash__":1438},"authors\u002Fauthors\u002Fhoreb-parraud.md",{"type":7,"value":1430,"toc":1431},[],{"title":10,"searchDepth":11,"depth":11,"links":1432},[],{},"Horeb Parraud","\u002Fauthors\u002Fhoreb-parraud",{"title":5,"description":10},"authors\u002Fhoreb-parraud","ajjsnUX4ohZI-ghMdbb92q_taWDkKXVZSLZXoAeLQtg",{"id":1440,"title":1340,"body":1441,"description":10,"extension":13,"meta":1445,"name":1446,"navigation":16,"path":1447,"readingTime":18,"seo":1448,"stem":1449,"__hash__":1450},"authors\u002Fauthors\u002Fhugo-contreras.md",{"type":7,"value":1442,"toc":1443},[],{"title":10,"searchDepth":11,"depth":11,"links":1444},[],{},"Hugo Contreras","\u002Fauthors\u002Fhugo-contreras",{"title":1340,"description":10},"authors\u002Fhugo-contreras","2nc3VMu9ASq9Z6Pwx2-7-Ye991Pww4p-UEDBQFfjF-Q",{"id":1452,"title":1453,"body":1454,"description":10,"extension":13,"meta":1458,"name":1459,"navigation":16,"path":1460,"readingTime":18,"seo":1461,"stem":1462,"__hash__":1463},"authors\u002Fauthors\u002Fjulien-tassin.md","Head of Engineering",{"type":7,"value":1455,"toc":1456},[],{"title":10,"searchDepth":11,"depth":11,"links":1457},[],{},"Julien Tassin","\u002Fauthors\u002Fjulien-tassin",{"title":1453,"description":10},"authors\u002Fjulien-tassin","iUIHI7SITje38Jh9X9uvYs4-VsHx4eCdt6hAlyLFG_o",{"id":1465,"title":5,"body":1466,"description":10,"extension":13,"meta":1470,"name":1471,"navigation":16,"path":1472,"readingTime":18,"seo":1473,"stem":1474,"__hash__":1475},"authors\u002Fauthors\u002Flaurent-renard.md",{"type":7,"value":1467,"toc":1468},[],{"title":10,"searchDepth":11,"depth":11,"links":1469},[],{},"Laurent Renard","\u002Fauthors\u002Flaurent-renard",{"title":5,"description":10},"authors\u002Flaurent-renard","5BP7Ed-pt1SQHjh0UJ1XUrlLTcdlFaDoKBCP4deHq8A",{"id":1477,"title":5,"body":1478,"description":10,"extension":13,"meta":1482,"name":1483,"navigation":16,"path":1484,"readingTime":18,"seo":1485,"stem":1486,"__hash__":1487},"authors\u002Fauthors\u002Fleo-martin.md",{"type":7,"value":1479,"toc":1480},[],{"title":10,"searchDepth":11,"depth":11,"links":1481},[],{},"Léo Martin","\u002Fauthors\u002Fleo-martin",{"title":5,"description":10},"authors\u002Fleo-martin","eYxCHkRgbGDV7shKdTA9s7Tu0zGV4yDGFoKR5MHQntY",{"id":1489,"title":5,"body":1490,"description":10,"extension":13,"meta":1494,"name":1495,"navigation":16,"path":1496,"readingTime":18,"seo":1497,"stem":1498,"__hash__":1499},"authors\u002Fauthors\u002Floic-bousquet.md",{"type":7,"value":1491,"toc":1492},[],{"title":10,"searchDepth":11,"depth":11,"links":1493},[],{},"Loïc Bousquet","\u002Fauthors\u002Floic-bousquet",{"title":5,"description":10},"authors\u002Floic-bousquet","ko12qZwiGL8XNjAoy9oWypPkIjr29Pbq7vhdtgldqeQ",{"id":1501,"title":5,"body":1502,"description":10,"extension":13,"meta":1506,"name":1507,"navigation":16,"path":1508,"readingTime":18,"seo":1509,"stem":1510,"__hash__":1511},"authors\u002Fauthors\u002Floic-poullain.md",{"type":7,"value":1503,"toc":1504},[],{"title":10,"searchDepth":11,"depth":11,"links":1505},[],{},"Loïc Poullain","\u002Fauthors\u002Floic-poullain",{"title":5,"description":10},"authors\u002Floic-poullain","oRIyJhFRTqxy5dLCYQ2OnYZ1DB-gLDUM-85vTSYuTF0",{"id":1513,"title":1403,"body":1514,"description":10,"extension":13,"meta":1518,"name":1519,"navigation":16,"path":1520,"readingTime":18,"seo":1521,"stem":1522,"__hash__":1523},"authors\u002Fauthors\u002Fmaud-lelu.md",{"type":7,"value":1515,"toc":1516},[],{"title":10,"searchDepth":11,"depth":11,"links":1517},[],{},"Maud Lélu","\u002Fauthors\u002Fmaud-lelu",{"title":1403,"description":10},"authors\u002Fmaud-lelu","MMbsCKuE41OMHusrl12FIEsI-Trx7l8Nn_ANhvj2_y4",{"id":1525,"title":1340,"body":1526,"description":10,"extension":13,"meta":1530,"name":1531,"navigation":16,"path":1532,"readingTime":18,"seo":1533,"stem":1534,"__hash__":1535},"authors\u002Fauthors\u002Fnicolas-poirier.md",{"type":7,"value":1527,"toc":1528},[],{"title":10,"searchDepth":11,"depth":11,"links":1529},[],{},"Nicolas Poirier","\u002Fauthors\u002Fnicolas-poirier",{"title":1340,"description":10},"authors\u002Fnicolas-poirier","dXrJkYo8az4SN_D23aYc3fQ7z8s1dR2a0lt1ogjAjJs",{"id":1537,"title":1340,"body":1538,"description":10,"extension":13,"meta":1542,"name":1543,"navigation":16,"path":1544,"readingTime":18,"seo":1545,"stem":1546,"__hash__":1547},"authors\u002Fauthors\u002Fraphael-sauget.md",{"type":7,"value":1539,"toc":1540},[],{"title":10,"searchDepth":11,"depth":11,"links":1541},[],{},"Raphaël Sauget","\u002Fauthors\u002Fraphael-sauget",{"title":1340,"description":10},"authors\u002Fraphael-sauget","Uri9bcq0QDuxRA0PbBoNtu7p_5L3dALu4kzcXVW0xyM",{"id":1549,"title":1550,"body":1551,"description":10,"extension":13,"meta":1555,"name":1556,"navigation":16,"path":1557,"readingTime":18,"seo":1558,"stem":1559,"__hash__":1560},"authors\u002Fauthors\u002Fromain-koenig.md","Co-funder & Head of innovation",{"type":7,"value":1552,"toc":1553},[],{"title":10,"searchDepth":11,"depth":11,"links":1554},[],{},"Romain Koenig","\u002Fauthors\u002Fromain-koenig",{"title":1550,"description":10},"authors\u002Fromain-koenig","uyS8--eG2_ezyqRABcJnMJmQKKuSArhPWd14aUvFeEw",{"id":1562,"title":1340,"body":1563,"description":10,"extension":13,"meta":1567,"name":1568,"navigation":16,"path":1569,"readingTime":18,"seo":1570,"stem":1571,"__hash__":1572},"authors\u002Fauthors\u002Fromaric-juniet.md",{"type":7,"value":1564,"toc":1565},[],{"title":10,"searchDepth":11,"depth":11,"links":1566},[],{},"Romaric Juniet","\u002Fauthors\u002Fromaric-juniet",{"title":1340,"description":10},"authors\u002Fromaric-juniet","4Zb2artgT-eo-PHLXi3xi4d5t7s6PfhUxeSfXIikSUY",{"id":1574,"title":5,"body":1575,"description":10,"extension":13,"meta":1579,"name":1580,"navigation":16,"path":1581,"readingTime":18,"seo":1582,"stem":1583,"__hash__":1584},"authors\u002Fauthors\u002Fstanyslas-bres.md",{"type":7,"value":1576,"toc":1577},[],{"title":10,"searchDepth":11,"depth":11,"links":1578},[],{},"Stanyslas Bres","\u002Fauthors\u002Fstanyslas-bres",{"title":5,"description":10},"authors\u002Fstanyslas-bres","Xa0SahETuiN4q1jrmR2ych3moAqcZ2LbU7vSfEt2RuU",{"id":1586,"title":1587,"body":1588,"description":10,"extension":13,"meta":1592,"name":1593,"navigation":16,"path":1594,"readingTime":18,"seo":1595,"stem":1596,"__hash__":1597},"authors\u002Fauthors\u002Ftalent-acquisition.md","Talent Acquisition",{"type":7,"value":1589,"toc":1590},[],{"title":10,"searchDepth":11,"depth":11,"links":1591},[],{},"Équipe Talent Acquisition","\u002Fauthors\u002Ftalent-acquisition",{"description":10},"authors\u002Ftalent-acquisition","doDfE76txftQ4wIiKjJoDmSpyzSKk0tzlgVAp6-opAY",{"id":1599,"title":5,"body":1600,"description":10,"extension":13,"meta":1604,"name":1605,"navigation":16,"path":1606,"readingTime":18,"seo":1607,"stem":1608,"__hash__":1609},"authors\u002Fauthors\u002Fvictor-borg.md",{"type":7,"value":1601,"toc":1602},[],{"title":10,"searchDepth":11,"depth":11,"links":1603},[],{},"Victor Borg","\u002Fauthors\u002Fvictor-borg",{"title":5,"description":10},"authors\u002Fvictor-borg","-Za-JweoiP6hyclue_WkxMXdRUDTczPGlJf6AZckjUc",{"id":4,"title":5,"body":1611,"description":10,"extension":13,"meta":1615,"name":15,"navigation":16,"path":17,"readingTime":18,"seo":1616,"stem":20,"__hash__":21},{"type":7,"value":1612,"toc":1613},[],{"title":10,"searchDepth":11,"depth":11,"links":1614},[],{},{"title":5,"description":10},{"id":1618,"title":5,"body":1619,"description":10,"extension":13,"meta":1623,"name":1624,"navigation":16,"path":1625,"readingTime":18,"seo":1626,"stem":1627,"__hash__":1628},"authors\u002Fauthors\u002Fyukan-zhao.md",{"type":7,"value":1620,"toc":1621},[],{"title":10,"searchDepth":11,"depth":11,"links":1622},[],{},"Yukan Zhao","\u002Fauthors\u002Fyukan-zhao",{"title":5,"description":10},"authors\u002Fyukan-zhao","LRPHugtAJnWHsmHxy9_SR5Zas_C5p-GR_uHEs1Fhk_E",1778159244633]