[{"data":1,"prerenderedAt":919},["ShallowReactive",2],{"authors":3,"article-2022-09-08-accessibilite-101":331},[4,23,35,48,61,73,85,98,111,124,136,148,161,173,185,197,209,221,233,245,258,270,282,295,307,319],{"id":5,"title":6,"body":7,"description":11,"extension":14,"meta":15,"name":16,"navigation":17,"path":18,"readingTime":19,"seo":20,"stem":21,"__hash__":22},"authors\u002Fauthors\u002Falexandre-guillon.md","Software Engineer",{"type":8,"value":9,"toc":10},"minimark",[],{"title":11,"searchDepth":12,"depth":12,"links":13},"",2,[],"md",{},"Alexandre Guillon",true,"\u002Fauthors\u002Falexandre-guillon",1,{"title":6,"description":11},"authors\u002Falexandre-guillon","4tf48mjyjFNqItOHaulICbrjeCyMag1o6801uHeTz98",{"id":24,"title":6,"body":25,"description":11,"extension":14,"meta":29,"name":30,"navigation":17,"path":31,"readingTime":19,"seo":32,"stem":33,"__hash__":34},"authors\u002Fauthors\u002Falexis-ablain.md",{"type":8,"value":26,"toc":27},[],{"title":11,"searchDepth":12,"depth":12,"links":28},[],{},"Alexis Ablain","\u002Fauthors\u002Falexis-ablain",{"title":6,"description":11},"authors\u002Falexis-ablain","_SIAtB7f-39e5t3GiJof81NP47s6MGo2n4gaHkTy1uQ",{"id":36,"title":37,"body":38,"description":11,"extension":14,"meta":42,"name":43,"navigation":17,"path":44,"readingTime":19,"seo":45,"stem":46,"__hash__":47},"authors\u002Fauthors\u002Faxel-shaita.md","Engineering Manager",{"type":8,"value":39,"toc":40},[],{"title":11,"searchDepth":12,"depth":12,"links":41},[],{},"Axel Shaïta","\u002Fauthors\u002Faxel-shaita",{"title":37,"description":11},"authors\u002Faxel-shaita","fK0argUhsBkWLjpTAhY13oYLVzQthcEYkCEdtHWmIgE",{"id":49,"title":50,"body":51,"description":11,"extension":14,"meta":55,"name":56,"navigation":17,"path":57,"readingTime":19,"seo":58,"stem":59,"__hash__":60},"authors\u002Fauthors\u002Fbaptiste-faure.md","Head of Talent Acquisition",{"type":8,"value":52,"toc":53},[],{"title":11,"searchDepth":12,"depth":12,"links":54},[],{},"Baptiste Faure","\u002Fauthors\u002Fbaptiste-faure",{"title":50,"description":11},"authors\u002Fbaptiste-faure","ELisToYtcgHmgdVWZkCclTPV6exZtfyXqhpx1jjbJHs",{"id":62,"title":6,"body":63,"description":11,"extension":14,"meta":67,"name":68,"navigation":17,"path":69,"readingTime":19,"seo":70,"stem":71,"__hash__":72},"authors\u002Fauthors\u002Fbenjamin-bouillot.md",{"type":8,"value":64,"toc":65},[],{"title":11,"searchDepth":12,"depth":12,"links":66},[],{},"Benjamin Bouillot","\u002Fauthors\u002Fbenjamin-bouillot",{"title":6,"description":11},"authors\u002Fbenjamin-bouillot","tbhCFZyfTt7ZM5b5YgqQ2nhgnSTl8BweaQQryc87fHo",{"id":74,"title":37,"body":75,"description":11,"extension":14,"meta":79,"name":80,"navigation":17,"path":81,"readingTime":19,"seo":82,"stem":83,"__hash__":84},"authors\u002Fauthors\u002Fcedric-nicoloso.md",{"type":8,"value":76,"toc":77},[],{"title":11,"searchDepth":12,"depth":12,"links":78},[],{},"Cédric Nicoloso","\u002Fauthors\u002Fcedric-nicoloso",{"title":37,"description":11},"authors\u002Fcedric-nicoloso","ibSoh4VZYiWYTuLOnZTedaAfcnvet1Q9H7ogW0LgorY",{"id":86,"title":87,"body":88,"description":11,"extension":14,"meta":92,"name":93,"navigation":17,"path":94,"readingTime":19,"seo":95,"stem":96,"__hash__":97},"authors\u002Fauthors\u002Fdavid-touzet.md","Staff Engineer",{"type":8,"value":89,"toc":90},[],{"title":11,"searchDepth":12,"depth":12,"links":91},[],{},"David Touzet","\u002Fauthors\u002Fdavid-touzet",{"title":87,"description":11},"authors\u002Fdavid-touzet","dHWwnQxb1Ubt-WwXWEODGEo9AFoq1cJUhfg3kdnYSBM",{"id":99,"title":100,"body":101,"description":11,"extension":14,"meta":105,"name":106,"navigation":17,"path":107,"readingTime":19,"seo":108,"stem":109,"__hash__":110},"authors\u002Fauthors\u002Feloise-chizat.md","Data Engineer",{"type":8,"value":102,"toc":103},[],{"title":11,"searchDepth":12,"depth":12,"links":104},[],{},"Eloïse Chizat","\u002Fauthors\u002Feloise-chizat",{"title":100,"description":11},"authors\u002Feloise-chizat","Utd72Vm9qT4hh2ZbFi6a2_nXw5Wb494Ed_HL1ra5yw8",{"id":112,"title":113,"body":114,"description":11,"extension":14,"meta":118,"name":119,"navigation":17,"path":120,"readingTime":19,"seo":121,"stem":122,"__hash__":123},"authors\u002Fauthors\u002Femmanuel-auclair.md","Staff engineer",{"type":8,"value":115,"toc":116},[],{"title":11,"searchDepth":12,"depth":12,"links":117},[],{},"Emmanuel Auclair","\u002Fauthors\u002Femmanuel-auclair",{"title":113,"description":11},"authors\u002Femmanuel-auclair","MtsA8THNLEn0dTtYEIQaGwDuf7MjQL55IOeei5gugEg",{"id":125,"title":6,"body":126,"description":11,"extension":14,"meta":130,"name":131,"navigation":17,"path":132,"readingTime":19,"seo":133,"stem":134,"__hash__":135},"authors\u002Fauthors\u002Fhoreb-parraud.md",{"type":8,"value":127,"toc":128},[],{"title":11,"searchDepth":12,"depth":12,"links":129},[],{},"Horeb Parraud","\u002Fauthors\u002Fhoreb-parraud",{"title":6,"description":11},"authors\u002Fhoreb-parraud","ajjsnUX4ohZI-ghMdbb92q_taWDkKXVZSLZXoAeLQtg",{"id":137,"title":37,"body":138,"description":11,"extension":14,"meta":142,"name":143,"navigation":17,"path":144,"readingTime":19,"seo":145,"stem":146,"__hash__":147},"authors\u002Fauthors\u002Fhugo-contreras.md",{"type":8,"value":139,"toc":140},[],{"title":11,"searchDepth":12,"depth":12,"links":141},[],{},"Hugo Contreras","\u002Fauthors\u002Fhugo-contreras",{"title":37,"description":11},"authors\u002Fhugo-contreras","2nc3VMu9ASq9Z6Pwx2-7-Ye991Pww4p-UEDBQFfjF-Q",{"id":149,"title":150,"body":151,"description":11,"extension":14,"meta":155,"name":156,"navigation":17,"path":157,"readingTime":19,"seo":158,"stem":159,"__hash__":160},"authors\u002Fauthors\u002Fjulien-tassin.md","Head of Engineering",{"type":8,"value":152,"toc":153},[],{"title":11,"searchDepth":12,"depth":12,"links":154},[],{},"Julien Tassin","\u002Fauthors\u002Fjulien-tassin",{"title":150,"description":11},"authors\u002Fjulien-tassin","iUIHI7SITje38Jh9X9uvYs4-VsHx4eCdt6hAlyLFG_o",{"id":162,"title":6,"body":163,"description":11,"extension":14,"meta":167,"name":168,"navigation":17,"path":169,"readingTime":19,"seo":170,"stem":171,"__hash__":172},"authors\u002Fauthors\u002Flaurent-renard.md",{"type":8,"value":164,"toc":165},[],{"title":11,"searchDepth":12,"depth":12,"links":166},[],{},"Laurent Renard","\u002Fauthors\u002Flaurent-renard",{"title":6,"description":11},"authors\u002Flaurent-renard","5BP7Ed-pt1SQHjh0UJ1XUrlLTcdlFaDoKBCP4deHq8A",{"id":174,"title":6,"body":175,"description":11,"extension":14,"meta":179,"name":180,"navigation":17,"path":181,"readingTime":19,"seo":182,"stem":183,"__hash__":184},"authors\u002Fauthors\u002Fleo-martin.md",{"type":8,"value":176,"toc":177},[],{"title":11,"searchDepth":12,"depth":12,"links":178},[],{},"Léo Martin","\u002Fauthors\u002Fleo-martin",{"title":6,"description":11},"authors\u002Fleo-martin","eYxCHkRgbGDV7shKdTA9s7Tu0zGV4yDGFoKR5MHQntY",{"id":186,"title":6,"body":187,"description":11,"extension":14,"meta":191,"name":192,"navigation":17,"path":193,"readingTime":19,"seo":194,"stem":195,"__hash__":196},"authors\u002Fauthors\u002Floic-bousquet.md",{"type":8,"value":188,"toc":189},[],{"title":11,"searchDepth":12,"depth":12,"links":190},[],{},"Loïc Bousquet","\u002Fauthors\u002Floic-bousquet",{"title":6,"description":11},"authors\u002Floic-bousquet","ko12qZwiGL8XNjAoy9oWypPkIjr29Pbq7vhdtgldqeQ",{"id":198,"title":6,"body":199,"description":11,"extension":14,"meta":203,"name":204,"navigation":17,"path":205,"readingTime":19,"seo":206,"stem":207,"__hash__":208},"authors\u002Fauthors\u002Floic-poullain.md",{"type":8,"value":200,"toc":201},[],{"title":11,"searchDepth":12,"depth":12,"links":202},[],{},"Loïc Poullain","\u002Fauthors\u002Floic-poullain",{"title":6,"description":11},"authors\u002Floic-poullain","oRIyJhFRTqxy5dLCYQ2OnYZ1DB-gLDUM-85vTSYuTF0",{"id":210,"title":100,"body":211,"description":11,"extension":14,"meta":215,"name":216,"navigation":17,"path":217,"readingTime":19,"seo":218,"stem":219,"__hash__":220},"authors\u002Fauthors\u002Fmaud-lelu.md",{"type":8,"value":212,"toc":213},[],{"title":11,"searchDepth":12,"depth":12,"links":214},[],{},"Maud Lélu","\u002Fauthors\u002Fmaud-lelu",{"title":100,"description":11},"authors\u002Fmaud-lelu","MMbsCKuE41OMHusrl12FIEsI-Trx7l8Nn_ANhvj2_y4",{"id":222,"title":37,"body":223,"description":11,"extension":14,"meta":227,"name":228,"navigation":17,"path":229,"readingTime":19,"seo":230,"stem":231,"__hash__":232},"authors\u002Fauthors\u002Fnicolas-poirier.md",{"type":8,"value":224,"toc":225},[],{"title":11,"searchDepth":12,"depth":12,"links":226},[],{},"Nicolas Poirier","\u002Fauthors\u002Fnicolas-poirier",{"title":37,"description":11},"authors\u002Fnicolas-poirier","dXrJkYo8az4SN_D23aYc3fQ7z8s1dR2a0lt1ogjAjJs",{"id":234,"title":37,"body":235,"description":11,"extension":14,"meta":239,"name":240,"navigation":17,"path":241,"readingTime":19,"seo":242,"stem":243,"__hash__":244},"authors\u002Fauthors\u002Fraphael-sauget.md",{"type":8,"value":236,"toc":237},[],{"title":11,"searchDepth":12,"depth":12,"links":238},[],{},"Raphaël Sauget","\u002Fauthors\u002Fraphael-sauget",{"title":37,"description":11},"authors\u002Fraphael-sauget","Uri9bcq0QDuxRA0PbBoNtu7p_5L3dALu4kzcXVW0xyM",{"id":246,"title":247,"body":248,"description":11,"extension":14,"meta":252,"name":253,"navigation":17,"path":254,"readingTime":19,"seo":255,"stem":256,"__hash__":257},"authors\u002Fauthors\u002Fromain-koenig.md","Co-funder & Head of innovation",{"type":8,"value":249,"toc":250},[],{"title":11,"searchDepth":12,"depth":12,"links":251},[],{},"Romain Koenig","\u002Fauthors\u002Fromain-koenig",{"title":247,"description":11},"authors\u002Fromain-koenig","uyS8--eG2_ezyqRABcJnMJmQKKuSArhPWd14aUvFeEw",{"id":259,"title":37,"body":260,"description":11,"extension":14,"meta":264,"name":265,"navigation":17,"path":266,"readingTime":19,"seo":267,"stem":268,"__hash__":269},"authors\u002Fauthors\u002Fromaric-juniet.md",{"type":8,"value":261,"toc":262},[],{"title":11,"searchDepth":12,"depth":12,"links":263},[],{},"Romaric Juniet","\u002Fauthors\u002Fromaric-juniet",{"title":37,"description":11},"authors\u002Fromaric-juniet","4Zb2artgT-eo-PHLXi3xi4d5t7s6PfhUxeSfXIikSUY",{"id":271,"title":6,"body":272,"description":11,"extension":14,"meta":276,"name":277,"navigation":17,"path":278,"readingTime":19,"seo":279,"stem":280,"__hash__":281},"authors\u002Fauthors\u002Fstanyslas-bres.md",{"type":8,"value":273,"toc":274},[],{"title":11,"searchDepth":12,"depth":12,"links":275},[],{},"Stanyslas Bres","\u002Fauthors\u002Fstanyslas-bres",{"title":6,"description":11},"authors\u002Fstanyslas-bres","Xa0SahETuiN4q1jrmR2ych3moAqcZ2LbU7vSfEt2RuU",{"id":283,"title":284,"body":285,"description":11,"extension":14,"meta":289,"name":290,"navigation":17,"path":291,"readingTime":19,"seo":292,"stem":293,"__hash__":294},"authors\u002Fauthors\u002Ftalent-acquisition.md","Talent Acquisition",{"type":8,"value":286,"toc":287},[],{"title":11,"searchDepth":12,"depth":12,"links":288},[],{},"Équipe Talent Acquisition","\u002Fauthors\u002Ftalent-acquisition",{"description":11},"authors\u002Ftalent-acquisition","doDfE76txftQ4wIiKjJoDmSpyzSKk0tzlgVAp6-opAY",{"id":296,"title":6,"body":297,"description":11,"extension":14,"meta":301,"name":302,"navigation":17,"path":303,"readingTime":19,"seo":304,"stem":305,"__hash__":306},"authors\u002Fauthors\u002Fvictor-borg.md",{"type":8,"value":298,"toc":299},[],{"title":11,"searchDepth":12,"depth":12,"links":300},[],{},"Victor Borg","\u002Fauthors\u002Fvictor-borg",{"title":6,"description":11},"authors\u002Fvictor-borg","-Za-JweoiP6hyclue_WkxMXdRUDTczPGlJf6AZckjUc",{"id":308,"title":6,"body":309,"description":11,"extension":14,"meta":313,"name":314,"navigation":17,"path":315,"readingTime":19,"seo":316,"stem":317,"__hash__":318},"authors\u002Fauthors\u002Fvirgil-roger.md",{"type":8,"value":310,"toc":311},[],{"title":11,"searchDepth":12,"depth":12,"links":312},[],{},"Virgil Roger","\u002Fauthors\u002Fvirgil-roger",{"title":6,"description":11},"authors\u002Fvirgil-roger","DfVFe5j0bCgXeEr381ZYOM5DP4m-pWb93J9-m_muKJ0",{"id":320,"title":6,"body":321,"description":11,"extension":14,"meta":325,"name":326,"navigation":17,"path":327,"readingTime":19,"seo":328,"stem":329,"__hash__":330},"authors\u002Fauthors\u002Fyukan-zhao.md",{"type":8,"value":322,"toc":323},[],{"title":11,"searchDepth":12,"depth":12,"links":324},[],{},"Yukan Zhao","\u002Fauthors\u002Fyukan-zhao",{"title":6,"description":11},"authors\u002Fyukan-zhao","LRPHugtAJnWHsmHxy9_SR5Zas_C5p-GR_uHEs1Fhk_E",{"id":332,"title":333,"author":334,"body":335,"date":908,"description":909,"extension":14,"lang":910,"meta":911,"navigation":17,"path":912,"published":17,"readingTime":579,"seo":913,"stem":914,"tags":915,"__hash__":918},"articles\u002Farticles\u002F2022-09-08-accessibilite-101.md","Accessibilité 101","virgil-roger",{"type":8,"value":336,"toc":902},[337,349,352,355,364,367,372,375,378,381,402,405,407,411,414,417,420,423,426,428,432,443,446,455,458,492,495,504,511,514,774,787,790,794,799,802,821,824,833,836,840,845,848,853,857,862,864,868,871,874,877,880,898],[338,339,340,341,348],"p",{},"Vous vous souvenez ",[342,343,347],"a",{"href":344,"rel":345},"https:\u002F\u002Ftech.indy.fr\u002F2022\u002F05\u002F19\u002Faccessibility\u002F",[346],"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.",[338,350,351],{},"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.",[338,353,354],{},"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 ?",[338,356,357,358,363],{},"C’est donc parti pour un journal de bord du projet d’amélioration des problématiques d’accessibilité\n",[342,359,362],{"href":360,"rel":361},"https:\u002F\u002Fapp.indy.fr\u002F",[346],"de l’application Indy"," et de ses copines utilisées en interne.",[365,366],"hr",{},[368,369,371],"h2",{"id":370},"jour-1-naissance-de-dev_guilde-accessibility","🐣 JOUR 1 : naissance de #dev_guilde-accessibility",[338,373,374],{},"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.",[338,376,377],{},"→ non, pas formellement du moins, même si nous y sommes tou·te·s sensibles et attentifs.",[338,379,380],{},"Qu’à cela ne tienne, maintenant c’est le cas. Et “ownership” oblige, je vais le mener.",[338,382,383,384,389,390,395,396,401],{},"Plus on est de neurodivergents plus on rit ?\nE",[342,385,388],{"href":386,"rel":387},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Felo%C3%AFse-chizat\u002F",[346],"loïse"," et\n",[342,391,394],{"href":392,"rel":393},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fb-bouillot\u002F",[346],"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",[342,397,400],{"href":398,"rel":399},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fl%C3%A9a-vandeportal-a34aa4129\u002F",[346],"Léa"," qui va venir représenter le\ncustomer care, et donc nos clients.",[338,403,404],{},"Tout ça, ça crée une guilde des plus sympathiques !",[365,406],{},[368,408,410],{"id":409},"jour-2-cest-partiiiii","🏁 JOUR 2 : c’est partiiiii",[338,412,413],{},"Mercredi 13 juillet, première réunion. Où l’on se réunit pour savoir où l’on veut aller.",[338,415,416],{},"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.",[338,418,419],{},"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.",[338,421,422],{},"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.",[338,424,425],{},"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.",[365,427],{},[368,429,431],{"id":430},"️-jour-3-les-premiers-coups-dans-la-fourmilière","🛠️ JOUR 3 : les premiers coups dans la fourmilière",[338,433,434,438,439],{},[435,436],"img",{"alt":11,"src":437},"\u002Fimages\u002FUntitled-17.png"," ",[440,441,442],"em",{},"Lundi 1er août, Benjamin ouvre le bal",[338,444,445],{},"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.",[338,447,448,449,454],{},"Par contre on va très sérieusement appliquer\n",[342,450,453],{"href":451,"rel":452},"https:\u002F\u002Fwww.w3.org\u002FTranslations\u002FWCAG20-fr\u002F",[346],"les recommandations de l’état de l’Art"," sur le sujet.",[338,456,457],{},"Mais un pas après l’autre, alors la première chose qu’on a faite, c’est ajouter cette ligne :",[459,460,464],"pre",{"className":461,"code":462,"language":463,"meta":11,"style":11},"language-ts shiki shiki-themes github-light github-dark","\u002F\u002F .eslintrc.js\nextends: ['plugin:vuejs-accessibility\u002Frecommended'],\n","ts",[465,466,467,475],"code",{"__ignoreMap":11},[468,469,471],"span",{"class":470,"line":19},"line",[468,472,474],{"class":473},"sJ8bj","\u002F\u002F .eslintrc.js\n",[468,476,477,481,485,489],{"class":470,"line":12},[468,478,480],{"class":479},"sScJk","extends",[468,482,484],{"class":483},"sVt8B",": [",[468,486,488],{"class":487},"sZZnC","'plugin:vuejs-accessibility\u002Frecommended'",[468,490,491],{"class":483},"],\n",[338,493,494],{},"Parce que oui, on fait du VueJS, on utilise ESLint, et on travaille sur l’accessibilité.",[338,496,497,498,503],{},"Donc on a ajouté\n",[342,499,502],{"href":500,"rel":501},"https:\u002F\u002Fgithub.com\u002Fvue-a11y\u002Feslint-plugin-vuejs-accessibility",[346],"le plugin ESLint VueJS-Accessibility",".\nLogique imparable !",[338,505,506,507,510],{},"Et le ",[465,508,509],{},"recommended"," alors ?",[338,512,513],{},"Il correspond à :",[459,515,517],{"className":461,"code":516,"language":463,"meta":11,"style":11},"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",[465,518,519,527,541,553,565,577,589,601,613,625,637,649,661,673,685,697,709,721,733,745,757,768],{"__ignoreMap":11},[468,520,521,524],{"class":470,"line":19},[468,522,523],{"class":479},"rules",[468,525,526],{"class":483},": {\n",[468,528,529,532,535,538],{"class":470,"line":12},[468,530,531],{"class":487},"    \"vuejs-accessibility\u002Falt-text\"",[468,533,534],{"class":483},": ",[468,536,537],{"class":487},"\"error\"",[468,539,540],{"class":483},",\n",[468,542,544,547,549,551],{"class":470,"line":543},3,[468,545,546],{"class":487},"    \"vuejs-accessibility\u002Fanchor-has-content\"",[468,548,534],{"class":483},[468,550,537],{"class":487},[468,552,540],{"class":483},[468,554,556,559,561,563],{"class":470,"line":555},4,[468,557,558],{"class":487},"    \"vuejs-accessibility\u002Faria-props\"",[468,560,534],{"class":483},[468,562,537],{"class":487},[468,564,540],{"class":483},[468,566,568,571,573,575],{"class":470,"line":567},5,[468,569,570],{"class":487},"    \"vuejs-accessibility\u002Faria-role\"",[468,572,534],{"class":483},[468,574,537],{"class":487},[468,576,540],{"class":483},[468,578,580,583,585,587],{"class":470,"line":579},6,[468,581,582],{"class":487},"    \"vuejs-accessibility\u002Faria-unsupported-elements\"",[468,584,534],{"class":483},[468,586,537],{"class":487},[468,588,540],{"class":483},[468,590,592,595,597,599],{"class":470,"line":591},7,[468,593,594],{"class":487},"    \"vuejs-accessibility\u002Fclick-events-have-key-events\"",[468,596,534],{"class":483},[468,598,537],{"class":487},[468,600,540],{"class":483},[468,602,604,607,609,611],{"class":470,"line":603},8,[468,605,606],{"class":487},"    \"vuejs-accessibility\u002Fform-control-has-label\"",[468,608,534],{"class":483},[468,610,537],{"class":487},[468,612,540],{"class":483},[468,614,616,619,621,623],{"class":470,"line":615},9,[468,617,618],{"class":487},"    \"vuejs-accessibility\u002Fheading-has-content\"",[468,620,534],{"class":483},[468,622,537],{"class":487},[468,624,540],{"class":483},[468,626,628,631,633,635],{"class":470,"line":627},10,[468,629,630],{"class":487},"    \"vuejs-accessibility\u002Fiframe-has-title\"",[468,632,534],{"class":483},[468,634,537],{"class":487},[468,636,540],{"class":483},[468,638,640,643,645,647],{"class":470,"line":639},11,[468,641,642],{"class":487},"    \"vuejs-accessibility\u002Finteractive-supports-focus\"",[468,644,534],{"class":483},[468,646,537],{"class":487},[468,648,540],{"class":483},[468,650,652,655,657,659],{"class":470,"line":651},12,[468,653,654],{"class":487},"    \"vuejs-accessibility\u002Flabel-has-for\"",[468,656,534],{"class":483},[468,658,537],{"class":487},[468,660,540],{"class":483},[468,662,664,667,669,671],{"class":470,"line":663},13,[468,665,666],{"class":487},"    \"vuejs-accessibility\u002Fmedia-has-caption\"",[468,668,534],{"class":483},[468,670,537],{"class":487},[468,672,540],{"class":483},[468,674,676,679,681,683],{"class":470,"line":675},14,[468,677,678],{"class":487},"    \"vuejs-accessibility\u002Fmouse-events-have-key-events\"",[468,680,534],{"class":483},[468,682,537],{"class":487},[468,684,540],{"class":483},[468,686,688,691,693,695],{"class":470,"line":687},15,[468,689,690],{"class":487},"    \"vuejs-accessibility\u002Fno-access-key\"",[468,692,534],{"class":483},[468,694,537],{"class":487},[468,696,540],{"class":483},[468,698,700,703,705,707],{"class":470,"line":699},16,[468,701,702],{"class":487},"    \"vuejs-accessibility\u002Fno-autofocus\"",[468,704,534],{"class":483},[468,706,537],{"class":487},[468,708,540],{"class":483},[468,710,712,715,717,719],{"class":470,"line":711},17,[468,713,714],{"class":487},"    \"vuejs-accessibility\u002Fno-distracting-elements\"",[468,716,534],{"class":483},[468,718,537],{"class":487},[468,720,540],{"class":483},[468,722,724,727,729,731],{"class":470,"line":723},18,[468,725,726],{"class":487},"    \"vuejs-accessibility\u002Fno-onchange\"",[468,728,534],{"class":483},[468,730,537],{"class":487},[468,732,540],{"class":483},[468,734,736,739,741,743],{"class":470,"line":735},19,[468,737,738],{"class":487},"    \"vuejs-accessibility\u002Fno-redundant-roles\"",[468,740,534],{"class":483},[468,742,537],{"class":487},[468,744,540],{"class":483},[468,746,748,751,753,755],{"class":470,"line":747},20,[468,749,750],{"class":487},"    \"vuejs-accessibility\u002Frole-has-required-aria-props\"",[468,752,534],{"class":483},[468,754,537],{"class":487},[468,756,540],{"class":483},[468,758,760,763,765],{"class":470,"line":759},21,[468,761,762],{"class":487},"    \"vuejs-accessibility\u002Ftabindex-no-positive\"",[468,764,534],{"class":483},[468,766,767],{"class":487},"\"error\"\n",[468,769,771],{"class":470,"line":770},22,[468,772,773],{"class":483},"  }\n",[338,775,776,777,780,781,786],{},"Après on a ",[465,778,779],{},"npm run lint"," et notre terminal s’est mis à clignoter de toutes les couleurs\n",[342,782,785],{"href":783,"rel":784},"https:\u002F\u002Fen.wikiquote.org\u002Fwiki\u002FHenry_Ford",[346],"(enfin, tant que c’est du rouge)",".",[338,788,789],{},"Après on a retroussé nos claviers, et on a réparé toutes les erreurs remontées par le plugin :",[435,791],{"src":792,"alt":11,"style":793},"\u002Fimages\u002FUntitled-18.png","width:200px;",[338,795,796],{},[440,797,798],{},"Comme ça on était pas au top ?",[338,800,801],{},"Avec sur le podium des choses pas top :",[803,804,805,811,816],"ol",{},[806,807,808],"li",{},[465,809,810],{},"vuejs-accessibility\u002Flabel-has-for",[806,812,813],{},[465,814,815],{},"vuejs-accessibility\u002Fclick-events-have-key-events",[806,817,818],{},[465,819,820],{},"vuejs-accessibility\u002Fform-control-has-label",[338,822,823],{},"Et pour une utilisatrice malvoyante, ça aurait posé souci dans les formulaires !",[338,825,826,827,832],{},"Après on a regardé notre code, tout ce qu'on avait amélioré\n“",[342,828,831],{"href":829,"rel":830},"https:\u002F\u002Fsaintebible.com\u002Fgenesis\u002F1-31.htm",[346],"et voici, cela était très bon","”. Enfin, un peu mieux\nquoi. C’est pas fini !",[338,834,835],{},"Et sans grande difficulté qui plus est, comme quoi parfois c’est pas compliqué de bien faire :",[435,837],{"src":838,"alt":11,"style":839},"\u002Fimages\u002FScreenshot-from-2022-08-04-16-30-46.png","width:400px;",[338,841,842],{},[440,843,844],{},"Exemple typique : un label en lieu et place d’un texte classique",[435,846],{"src":847,"alt":11,"style":839},"\u002Fimages\u002FScreenshot-from-2022-08-04-16-30-26.png",[338,849,850],{},[440,851,852],{},"L’inverse sinon c’est pas drôle : un div qui aurait dû être un label",[435,854],{"src":855,"alt":11,"style":856},"\u002Fimages\u002FScreenshot-from-2022-08-04-16-30-04.png","width:600px;",[338,858,859],{},[440,860,861],{},"Click click, mais j’ai qu’un clavier… Même méthode, handler spécifique",[365,863],{},[368,865,867],{"id":866},"demain-la-suite-au-prochain-épisode","🚀 DEMAIN : la suite au prochain épisode",[338,869,870],{},"Non, c’est pas fini, loin de là. Ce premier article touche à sa fin car le jour 3 s’est achevé hier.",[338,872,873],{},"Mais demain ? Demain on va continuer !",[338,875,876],{},"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.",[338,878,879],{},"Donc à prévoir :",[881,882,883,886,889,892,895],"ul",{},[806,884,885],{},"Des sondages auprès de nos utilisateurs (internes et externes) pour déterminer les priorités",[806,887,888],{},"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)",[806,890,891],{},"La détermination d’indicateurs fiables pour suivre l’évolution de l’accessibilité",[806,893,894],{},"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",[806,896,897],{},"Un deuxième article de blog !",[899,900,901],"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":11,"searchDepth":12,"depth":12,"links":903},[904,905,906,907],{"id":370,"depth":12,"text":371},{"id":409,"depth":12,"text":410},{"id":430,"depth":12,"text":431},{"id":866,"depth":12,"text":867},"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":333,"description":909},"articles\u002F2022-09-08-accessibilite-101",[916,917],"Tech","A11y","7xk8RqeLpFNZPo_s7yOlOF7vtQ4OM-KcZPO8EdI21Uo",1778159243192]