<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[La newsletter du design accessible]]></title><description><![CDATA[Des conseils en accessibilité par les personnes qui en ont besoin.]]></description><link>https://tamarasredojevic.substack.com</link><image><url>https://substackcdn.com/image/fetch/$s_!nFSX!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd26f8464-5c0f-45f9-97b0-172c9ee64481_456x456.png</url><title>La newsletter du design accessible</title><link>https://tamarasredojevic.substack.com</link></image><generator>Substack</generator><lastBuildDate>Sun, 23 Aug 2026 03:17:48 GMT</lastBuildDate><atom:link href="https://tamarasredojevic.substack.com/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Tamara Sredojevic]]></copyright><language><![CDATA[fr]]></language><webMaster><![CDATA[tamarasredojevic@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[tamarasredojevic@substack.com]]></itunes:email><itunes:name><![CDATA[Tamara Sredojevic]]></itunes:name></itunes:owner><itunes:author><![CDATA[Tamara Sredojevic]]></itunes:author><googleplay:owner><![CDATA[tamarasredojevic@substack.com]]></googleplay:owner><googleplay:email><![CDATA[tamarasredojevic@substack.com]]></googleplay:email><googleplay:author><![CDATA[Tamara Sredojevic]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Accessibilité numérique et dysphasie (et une surprise !)]]></title><description><![CDATA[avec Paul Seta]]></description><link>https://tamarasredojevic.substack.com/p/accessibilite-numerique-et-dysphasie</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/accessibilite-numerique-et-dysphasie</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Mon, 29 Jun 2026 06:31:17 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/108cedfc-c3f0-414c-8b77-23a730ea7d89_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>En tests utilisateurs, j&#8217;ai constat&#233; que les personnes avec des difficult&#233;s de lecture ou de m&#233;moire r&#233;agissent vite et fort aux signaux faibles d&#8217;une interface. Leur mani&#232;re d&#8217;aborder une page met en lumi&#232;re des besoins qu&#8217;on voit moins chez d&#8217;autres publics. Je me dis alors que partir de leurs exigences comme standard de conception pourrait mener &#224; des services plus accessibles, sans que &#231;a ne p&#233;nalise qui que ce soit.</p><p>Ces constats m&#8217;ont donn&#233; envie d&#8217;aller chercher le point de vue de personnes directement concern&#233;es. Et notamment celui de mon dernier invit&#233;.</p><p>Paul a un <a href="https://maisondelautisme.gouv.fr/fiches-pratiques-autisme/troubles-dys/#:~:text=Dysphasie%20/%20Trouble%20d%C3%A9veloppemental%20du%20langage">Trouble du D&#233;veloppement du Langage (TDL), ou dysphasie</a>, qui affecte sa m&#233;morisation, son expression et sa compr&#233;hension.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!cgIp!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!cgIp!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!cgIp!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!cgIp!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!cgIp!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!cgIp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:160091,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/194050089?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!cgIp!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!cgIp!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!cgIp!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!cgIp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6bface07-f57f-4fb3-8d2e-3373612171ed_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Je voulais comprendre comment il navigue avec le m&#233;tier d&#8217;auditeur, o&#249; l&#8217;analyse, la pr&#233;cision et la restitution sont centrales, alors m&#234;me que son traitement de l&#8217;information peut repr&#233;senter un effort consid&#233;rable.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.tamarasredojevic.com/fr/writing/accessibilite-numerique-dysphasie&quot;,&quot;text&quot;:&quot;Lire l'interview de Paul&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.tamarasredojevic.com/fr/writing/accessibilite-numerique-dysphasie"><span>Lire l'interview de Paul</span></a></p><p>Dans cette &#233;dition, je vous propose :</p><ul><li><p><strong>3 extraits</strong> de son interview qui m&#8217;ont marqu&#233;e,</p></li><li><p><strong>2 ressources</strong> en design accessible,</p></li><li><p><strong>1 question</strong>,</p></li><li><p>et <strong>1 surprise</strong> !</p></li></ul><div><hr></div><h2>Les extraits</h2><p>Sur la perception du m&#233;tier d&#8217;auditeur :</p><blockquote><p>J&#8217;aime beaucoup les restitutions mais au vu de celles que j&#8217;ai pu r&#233;aliser, j&#8217;ai constat&#233; que beaucoup de personnes peinent &#224; comprendre l&#8217;utilit&#233; de ce que nous faisons. L&#8217;attention se porte principalement sur le taux de conformit&#233; [&#8230;] ou sur la comparaison avec leurs concurrents, au d&#233;triment de l&#8217;analyse et de la mise en &#339;uvre des actions correctives.</p></blockquote><div><hr></div><p>Sur l&#8217;usage des IA pour compenser les difficult&#233;s d&#8217;expression :</p><blockquote><p>J&#8217;utilise ChatGPT pour r&#233;diger des mails ou des SMS. Je lui demande &#224; l&#8217;oral comment y r&#233;pondre et il me donne la r&#233;ponse. Je le fais &#224; l&#8217;oral parce que si je devais lui &#233;crire ce que je veux, l&#8217;IA n&#8217;arriverait pas &#224; me comprendre. Donc oui, je suis un peu d&#233;pendant de ces outils. Si je n&#8217;avais pas ChatGPT, je mettrais du temps &#224; r&#233;pondre, &#231;a serait moins clair. Il y aurait des fautes d&#8217;orthographe et de syntaxe.</p></blockquote><div><hr></div><p>Sur la contribution des personnes handicap&#233;es &#224; la conception :</p><blockquote><p>Les personnes en situation de handicap souhaitent une simplification des services num&#233;riques. En partant de nos besoins, on peut adresser les besoins de certaines personnes, m&#234;me celles qui ne sont pas en situation de handicap. [&#8230;] J&#8217;aime bien aussi quand les gens posent des questions, qu&#8217;ils s&#8217;int&#233;ressent. C&#8217;est bien aussi pour les gens qui n&#8217;ont pas de handicap, ils peuvent mieux comprendre le sujet en travaillant avec nous. D&#8217;ailleurs, peut-&#234;tre que s&#8217;il y avait plus de personnes handicap&#233;es qui travaillaient sur les services num&#233;riques, ce serait plus simple &#224; utiliser.</p></blockquote><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.tamarasredojevic.com/fr/writing/accessibilite-numerique-dysphasie&quot;,&quot;text&quot;:&quot;Lire l'interview de Paul&quot;,&quot;action&quot;:null,&quot;class&quot;:&quot;button-wrapper&quot;}" data-component-name="ButtonCreateButton"><a class="button primary button-wrapper" href="https://www.tamarasredojevic.com/fr/writing/accessibilite-numerique-dysphasie"><span>Lire l'interview de Paul</span></a></p><div><hr></div><h2>Les ressources</h2><ul><li><p><a href="https://fr.slides.access42.net/flupa2018/#D1">UX design pour les personnes dys</a> : Marie Guillaumet avait donn&#233; ce talk aux UX Days en 2018. Ses slides reprennent ce que sont les troubles dys, leurs impacts sur l&#8217;exp&#233;rience utilisateur et proposent aussi des bonnes pratiques &#224; int&#233;grer &#224; vos conceptions. Ou mieux encore : &#224; interroger en tests utilisateurs avec des personnes concern&#233;es.</p></li><li><p><a href="https://access42.net/wcag-2-2-publication/#:~:text=3.3.7%20Saisie%20redondante%20%E2%80%93%20A%20(simple%20A)">Mise &#224; jour du WCAG</a> : En 2023, la version 2.2 du WCAG (Web Content Accessibility Guidelines) a commenc&#233; &#224; int&#233;grer des crit&#232;res visant &#224; r&#233;duire les efforts cognitifs, comme le crit&#232;re sur la saisie redondante ou l&#8217;authentification accessible. Vous pouvez les consulter dans cet article d&#8217;Audrey Maniez.</p></li></ul><div><hr></div><h2>1 question</h2><p>Comment concilier nos inqui&#233;tudes collectives autour des IA g&#233;n&#233;ratives avec le fait qu&#8217;elles sont, pour certaines personnes handicap&#233;es ou neurodivergentes, de v&#233;ritables outils d&#8217;autonomie ?</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://mattermost.designersethiques.org/&quot;,&quot;text&quot;:&quot;Parlons-en sur Mattermost&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://mattermost.designersethiques.org/"><span>Parlons-en sur Mattermost</span></a></p><div><hr></div><h2>&#8220;Accessibilit&#233;, jouez la bonne carte&#8221; &#8211; maintenant disponible sur Figjam</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!8rj1!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!8rj1!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 424w, https://substackcdn.com/image/fetch/$s_!8rj1!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 848w, https://substackcdn.com/image/fetch/$s_!8rj1!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!8rj1!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!8rj1!,w_2400,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg" width="1200" height="691.7534027221777" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:false,&quot;imageSize&quot;:&quot;large&quot;,&quot;height&quot;:720,&quot;width&quot;:1249,&quot;resizeWidth&quot;:1200,&quot;bytes&quot;:262526,&quot;alt&quot;:&quot;Un atelier ludique pour apprendre &#224; d&#233;fendre l'accessibilit&#233; num&#233;rique contre les id&#233;es re&#231;ues. Jusqu'&#224; 20 personnes. Dur&#233;e : 1 heure. Quelles excuses avez-vous entendues ? L'accessibilit&#233;, &#231;a d&#233;grade le design.&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/194050089?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:&quot;center&quot;,&quot;offset&quot;:false}" class="sizing-large" alt="Un atelier ludique pour apprendre &#224; d&#233;fendre l'accessibilit&#233; num&#233;rique contre les id&#233;es re&#231;ues. Jusqu'&#224; 20 personnes. Dur&#233;e : 1 heure. Quelles excuses avez-vous entendues ? L'accessibilit&#233;, &#231;a d&#233;grade le design." title="Un atelier ludique pour apprendre &#224; d&#233;fendre l'accessibilit&#233; num&#233;rique contre les id&#233;es re&#231;ues. Jusqu'&#224; 20 personnes. Dur&#233;e : 1 heure. Quelles excuses avez-vous entendues ? L'accessibilit&#233;, &#231;a d&#233;grade le design." srcset="https://substackcdn.com/image/fetch/$s_!8rj1!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 424w, https://substackcdn.com/image/fetch/$s_!8rj1!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 848w, https://substackcdn.com/image/fetch/$s_!8rj1!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!8rj1!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fff9b9b0c-ce17-4457-aa0a-1166a3a6506b_1249x720.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Plus de 1000 personnes ont t&#233;l&#233;charg&#233; la <a href="http://www.tamarasredojevic.com/fr/accessibility-deck">version gratuite de mon jeu</a> <em>Accessibilit&#233;, jouez la bonne carte</em> &#8212; &#224; t&#233;l&#233;charger, imprimer et d&#233;couper. Vous m&#8217;avez aussi demand&#233; s&#8217;il existait une version pr&#234;te &#224; l&#8217;emploi&#8230; alors je m&#8217;y suis (enfin) mise.</p><p><strong>La <a href="http://www.tamarasredojevic.com/fr/accessibility-deck">version digitale de l&#8217;atelier</a> est d&#233;sormais disponible sur Figjam</strong>.</p><p>Pour l&#8217;occasion, j&#8217;ai ajout&#233; une nouvelle id&#233;e re&#231;ue &#224; d&#233;construire :<br>&#8220;L&#8217;IA va tout r&#233;gler.&#8221; Une affirmation que j&#8217;entends souvent, et qui m&#233;rite des arguments solides.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!aJZ2!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!aJZ2!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 424w, https://substackcdn.com/image/fetch/$s_!aJZ2!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 848w, https://substackcdn.com/image/fetch/$s_!aJZ2!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!aJZ2!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!aJZ2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg" width="1249" height="720" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:720,&quot;width&quot;:1249,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:278771,&quot;alt&quot;:&quot;Nouveau ! Vous aviez t&#233;l&#233;charg&#233; le jeu en version gratuite ? D&#233;couvrez une nouvelle id&#233;e re&#231;ue &#224; d&#233;construire sur l'intelligence artificielle&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/194050089?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Nouveau ! Vous aviez t&#233;l&#233;charg&#233; le jeu en version gratuite ? D&#233;couvrez une nouvelle id&#233;e re&#231;ue &#224; d&#233;construire sur l'intelligence artificielle" title="Nouveau ! Vous aviez t&#233;l&#233;charg&#233; le jeu en version gratuite ? D&#233;couvrez une nouvelle id&#233;e re&#231;ue &#224; d&#233;construire sur l'intelligence artificielle" srcset="https://substackcdn.com/image/fetch/$s_!aJZ2!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 424w, https://substackcdn.com/image/fetch/$s_!aJZ2!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 848w, https://substackcdn.com/image/fetch/$s_!aJZ2!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!aJZ2!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F19007b26-2ac5-431a-840a-767f350ee8ca_1249x720.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.tamarasredojevic.com/fr/accessibility-deck&quot;,&quot;text&quot;:&quot;Commander la version digitale&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.tamarasredojevic.com/fr/accessibility-deck"><span>Commander la version digitale</span></a></p><div><hr></div><h2>Et aussi</h2><ul><li><p>Je serai chez Orange le 8 juillet pour l&#8217;&#233;v&#232;nement &#8220;Design pour tous&#8221; o&#249; je redonne mon talk &#8220;Design validiste : comment rompre les normes syst&#233;miques&#8221;.</p></li><li><p>Les 17 et 18 septembre, je propose une nouvelle session de <a href="https://designersethiques.org/fr/ateliers-et-formations/formation-design-accessible">formation &#224; distance sur le design accessible</a> avec Designers &#201;thiques. La formation est &#233;ligible au financement OPCO et certifi&#233;e Qualiopi.</p></li></ul><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Merci pour votre lecture ! Abonnez-vous pour recevoir les prochaines &#233;ditions.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Créez votre pacte pour l'accessibilité]]></title><description><![CDATA[inspir&#233; des "Petites exp&#233;riences pour vivre en grand" d'Anne-Laure Le Cunff]]></description><link>https://tamarasredojevic.substack.com/p/pacte-accessibilite</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/pacte-accessibilite</guid><pubDate>Mon, 04 May 2026 06:30:57 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/7ff92349-38d1-4657-a76a-ee99772257e5_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Beaucoup de personnes me contactent pour savoir quoi faire quand on travaille pour une entreprise qui ne tient pas compte de l&#8217;accessibilit&#233; &#8211; ou pas assez. C&#8217;est une r&#233;alit&#233; qu&#8217;il ne faut pas ignorer, mais tout n&#8217;est pas perdu pour autant. J&#8217;en ai parl&#233; dans <a href="https://indymotion.fr/w/4SqF3u6F2rhuiwKZy2Hi2G">mon talk sur le design validiste</a> o&#249; je propose des leviers de transformation collectifs et individuels.</p><p>Ce mois-ci, j&#8217;ai envie de vous proposer quelque chose de compl&#233;mentaire, bien que plus personnel. Une m&#233;thode inspir&#233;e des &#8220;<a href="https://www.eyrolles.com/Loisirs/Livre/petites-experiences-pour-vivre-en-grand-9782416012655/">Petites exp&#233;riences pour vivre en grand</a>&#8221; d&#8217;Anne-Laure Le Cunff. Il s&#8217;agit de cr&#233;er votre pacte pour l&#8217;accessibilit&#233;.</p><p><a href="https://anne-laure.net/">Anne-Laure</a> est neuroscientifique &#224; Londres et sp&#233;cialiste du Trouble D&#233;ficit de l&#8217;Attention avec ou sans Hyperactivit&#233; (TDAH). Elle propose des m&#233;thodes pour repenser nos objectifs, la cr&#233;ativit&#233; et la vie elle-m&#234;me. Et son livre m&#8217;a marqu&#233;e pour plein de raisons, notamment celle-ci :</p><blockquote><p><strong>Le droit de participer ne devrait pas d&#233;pendre de l&#8217;expertise mais de la curiosit&#233;.</strong></p></blockquote><p>En lisant &#231;a, je me suis rappel&#233; que j&#8217;avais commenc&#233; &#224; &#233;crire cette newsletter par curiosit&#233; plus qu&#8217;expertise. Je voulais partager des ressources sur le design accessible, car il en existait peu dans ce format en fran&#231;ais quand j&#8217;ai commenc&#233;. C&#8217;&#233;tait aussi une fa&#231;on de d&#233;couvrir de nouveaux sujets tous les mois. Un engagement avec moi-m&#234;me, qu&#8217;on me lise ou non. J&#8217;avais ainsi cr&#233;&#233; mon premier pacte sans m&#8217;en rendre compte.</p><p>La m&#234;me chose s&#8217;est produite quand j&#8217;ai commenc&#233; &#224; <a href="https://www.tamarasredojevic.com/fr/writing">interviewer des personnes handicap&#233;es</a> pour qu&#8217;elles me racontent leur exp&#233;rience du num&#233;rique. L&#224; encore, j&#8217;avais cr&#233;&#233; un pacte sans le savoir. C&#8217;est ce que j&#8217;ai envie de vous proposer.</p><h2>Qu&#8217;est-ce qu&#8217;un pacte ?</h2><p>Un pacte se concentre sur une action (interviewer 5 personnes handicap&#233;es) plut&#244;t que sur un r&#233;sultat qui ne peut pas &#234;tre garanti &#224; l'avance (passionner les foules avec votre pacte). C'est un engagement personnel qui ne d&#233;pend que de vous, de vos moyens et de votre curiosit&#233;.</p><h3>Pourquoi faire un pacte ?</h3><p>En se concentrant sur le chemin plut&#244;t que la destination, vous ne pouvez pas &#233;chouer. Mieux : chaque fois que vous faites votre pacte, vous accumulez des preuves que vous &#234;tes capable d'avancer sur le sujet. Car la confiance ne pr&#233;c&#232;de pas l'action, elle en d&#233;coule.</p><p>Par exemple, c&#8217;est plus facile de s&#8217;engager &#224; annoter les niveaux de titres d&#8217;1 maquette par jour pendant 15 jours, que de dire &#8220;je vais rendre notre service conforme&#8221;. Le premier, vous pouvez le faire d&#232;s aujourd&#8217;hui. Le second ne d&#233;pend probablement pas que de vous mais d&#8217;une &#233;quipe au complet.</p><h3>Comment choisir votre pacte ?</h3><p>Un bon pacte r&#233;pond &#224; 4 crit&#232;res :</p><ol><li><p>Il doit avoir du sens pour vous, pas pour impressionner qui que ce soit.</p></li><li><p>Il doit &#234;tre faisable tout de suite, avec vos moyens actuels.</p></li><li><p>Il doit pouvoir se r&#233;p&#233;ter sur une dur&#233;e d&#233;finie en amont.</p></li><li><p>Il doit &#234;tre simple &#224; mesurer : vous l&#8217;avez fait ou non.</p></li></ol><h3>Exemples de pactes pour l&#8217;accessibilit&#233;</h3><p>Voici quelques exemples de pactes &#224; adapter &#224; votre situation :</p><ul><li><p>Je vais annoter les niveaux de titre d&#8217;une maquette par jour pendant 15 jours.</p></li><li><p>Je vais partager une bonne pratique de design accessible toutes les semaines pendant 6 semaines avec mon &#233;quipe (et la source qui va avec).</p></li><li><p>Je vais tester la navigation au clavier sur un parcours que j&#8217;ai con&#231;u, une fois par semaine pendant 2 mois.</p></li></ul><p>N&#8217;essayez pas d&#8217;anticiper ce que vous allez apprendre, ou les r&#233;actions que &#231;a engendrera. Concentrez-vous uniquement sur une action pr&#233;cise, d&#233;finie dans le temps. L'essentiel est que votre pacte vous parle et qu&#8217;il suive le format : <em>je vais [action] pendant [dur&#233;e] chaque [fr&#233;quence]</em>.</p><h3>Et apr&#232;s ?</h3><p>Observez ce qu&#8217;il se passe : ce qui vous pla&#238;t, vous p&#232;se et ce que vous apprenez sur vous. &#192; la fin de votre pacte, vous aurez 3 options :</p><ol><li><p>Arr&#234;ter l&#224; parce que ce n&#8217;&#233;tait pas pour vous. C&#8217;est tout &#224; fait acceptable. Votre pacte n&#8217;est pas forc&#233;ment la premi&#232;re &#233;tape vers une sp&#233;cialisation.</p></li><li><p>Ajuster votre pacte comme vous le feriez d&#8217;un design apr&#232;s un test utilisateur. Vous pouvez changer la fr&#233;quence, le format ou m&#234;me l&#8217;action.</p></li><li><p>Continuer votre pacte parce que &#231;a vous a plu et que vous voulez aller plus loin.</p></li></ol><h3>Bonus : l&#8217;apprentissage en public</h3><p>Vous pouvez d&#233;cider de mener votre pacte en toute confidentialit&#233;. Apr&#232;s tout, vous n&#8217;avez pas de compte &#224; rendre. Mais vous pouvez aussi choisir de le partager sur les r&#233;seaux ou dans une communaut&#233; avec laquelle vous &#234;tes &#224; l&#8217;aise.</p><p>L&#8217;id&#233;e n&#8217;est pas de prouver une expertise quelconque, mais de partager une exp&#233;rience. Vous pouvez annoncer votre pacte, raconter ce que vous observez et ce que vous d&#233;ciderez de faire &#224; la fin, sans jugement.</p><p>Si vous voulez un endroit pour commencer, partagez votre pacte dans le canal accessibilit&#233; des Designers &#201;thiques sur Mattermost. Et si vous ne savez pas encore quel doit &#234;tre votre pacte, n&#8217;h&#233;sitez pas &#224; me taguer &#8212; on peut le construire ensemble.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://mattermost.designersethiques.org/login&quot;,&quot;text&quot;:&quot;Rejoindre le Mattermost&quot;,&quot;action&quot;:null,&quot;class&quot;:&quot;button-wrapper&quot;}" data-component-name="ButtonCreateButton"><a class="button primary button-wrapper" href="https://mattermost.designersethiques.org/login"><span>Rejoindre le Mattermost</span></a></p><div><hr></div><h2>Actualit&#233;s</h2><ul><li><p>J&#8217;&#233;tais &#224; <a href="https://mixitconf.org/2026/design-validiste-comment-rompre-les-normes-systemiques">MixIT</a> &#224; Lyon le mois dernier pour redonner mon talk &#8220;Design validiste : comment rompre les normes syst&#233;miques&#8221;. Le replay sort bient&#244;t !</p></li><li><p>J&#8217;y ai enregistr&#233; un &#233;pisode de podcast avec L&#233;opoldine Mennessier et Cl&#233;mence Piteau sur le design et l&#8217;&#233;thique qui sortira bient&#244;t lui aussi.</p></li><li><p>Ce mois-ci, je participe aux <a href="https://www.uxdays.eu/">UX Days de Flupa</a> &#224; Paris le 22 mai. N&#8217;h&#233;sitez pas &#224; me faire signe si on se croise !</p></li><li><p>Les 18 et 19 juin, je propose une session de <a href="https://designersethiques.org/fr/ateliers-et-formations/formation-design-accessible">formation &#224; distance sur le design accessible</a> avec Designers &#201;thiques. La formation est &#233;ligible au financement OPCO et certifi&#233;e Qualiopi. N&#8217;h&#233;sitez pas &#224; nous contacter si vous avez des questions avant de vous inscrire.</p></li></ul><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Merci pour votre lecture ! Abonnez-vous pour recevoir les prochaines &#233;ditions.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Malvoyance et autonomie numérique]]></title><description><![CDATA[avec Cl&#233;mentine Zill]]></description><link>https://tamarasredojevic.substack.com/p/malvoyance-et-autonomie-numerique</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/malvoyance-et-autonomie-numerique</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Mon, 02 Mar 2026 07:30:48 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!PUFo!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Quand on travaille en accessibilit&#233; num&#233;rique, on peut avoir l&#8217;impression que les choses avancent bien. On &#233;change avec des personnes engag&#233;es et on voit &#233;merger des initiatives sinc&#232;res. &#192; force, on peut croire que ces efforts sont perceptibles par tout le monde, mais ce n&#8217;est pas toujours le cas. Beaucoup de personnes concern&#233;es n&#8217;ont pas encore constat&#233; ces progr&#232;s, ou n&#8217;en b&#233;n&#233;ficient pas concr&#232;tement.</p><p>C&#8217;est pour &#231;a que je tiens &#224; avoir des conversations en dehors de la tech. Ce mois-ci, j&#8217;ai &#233;chang&#233; avec <strong>Cl&#233;mentine Zill</strong>, <a href="https://www.linkedin.com/in/cl%C3%A9mentine-zill-a7b17b353/?originalSubdomain=fr">consultante en diversit&#233;, &#233;quit&#233; et inclusion</a> sp&#233;cialis&#233;e sur le handicap et l&#8217;accessibilit&#233;, membre des <a href="https://lesdevalideuses.org/">D&#233;valideuses</a>, et <a href="https://m.twitch.tv/klem_zi/about">streameuse sur Twitch</a>, pour comprendre son exp&#233;rience d&#8217;<strong>utilisatrice malvoyante</strong> et sa perception des efforts de la tech.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!PUFo!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!PUFo!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!PUFo!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!PUFo!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!PUFo!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!PUFo!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:424701,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/184136046?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!PUFo!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!PUFo!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!PUFo!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!PUFo!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4e65a8da-3cda-455f-b607-e3df4c4a183c_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.tamarasredojevic.com/fr/writing/malvoyance-outils-numeriques&quot;,&quot;text&quot;:&quot;Lire l'interview compl&#232;te&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="https://www.tamarasredojevic.com/fr/writing/malvoyance-outils-numeriques"><span>Lire l'interview compl&#232;te</span></a></p><p>Je vous partage ici :</p><ul><li><p><strong>trois passages</strong> qui m&#8217;ont marqu&#233;e,</p></li><li><p><strong>deux ressources</strong> en design accessible,</p></li><li><p>et <strong>une question</strong> pour en parler ensemble dans le canal accessibilit&#233; des Designers &#201;thiques. Plus d&#8217;infos en bas de ce post.</p></li></ul><div><hr></div><h2>3 passages qui m&#8217;ont marqu&#233;e</h2><blockquote><p>Je n&#8217;ai vraiment pas acc&#232;s au m&#234;me monde digital qu&#8217;une personne valide. Parfois mon copain va me dire &#8220;regarde l&#8217;horaire de tel film au cin&#233;ma&#8221;. Et tout de suite je vais &#234;tre frustr&#233;e parce que je sais d&#8217;avance que je ne vais pas acc&#233;der au site. C&#8217;est la m&#234;me chose pour les recettes de cuisine. Je ne vois qu&#8217;une ligne de la recette &#224; la fois sur mon t&#233;l&#233;phone. Je ne vais pas faire des aller-retours 25 fois entre mon ordinateur et la cuisine pour faire un g&#226;teau au chocolat ! </p></blockquote><div><hr></div><blockquote><p>Je peux aller au cin&#233;ma sans audiodescription si c'est dans une langue que je comprends. Mais je ne peux pas voir les films internationaux s&#8217;il faut lire des sous-titres. J'ai demand&#233; &#224; mon cin&#233;ma, ils m'ont dit qu'ils ne proposaient l'audiodescription que pour les films fran&#231;ais. Donc &#231;a limite quand m&#234;me drastiquement l'acc&#232;s &#224; la culture.</p></blockquote><p>Le divertissement est politique. Quand on ne peut pas acc&#233;der &#224; un film, on perd plus qu&#8217;un moment de loisir : on perd un acc&#232;s &#224; des r&#233;cits, des r&#233;f&#233;rences et une culture commune.</p><div><hr></div><blockquote><p>Moi je ne m&#8217;imaginerais pas &#234;tre designer, pourtant j&#8217;adore &#231;a. C&#8217;est presque un hobby pour moi, parce que Canva est relativement accessible et que je l&#8217;ai bien pris en main maintenant. Mais les outils et logiciels de design ne sont pas du tout accessibles. Quand j&#8217;ouvre Photoshop par exemple, c&#8217;est une catastrophe. Il n&#8217;y a aucune option d&#8217;accessibilit&#233; dessus. C&#8217;est pareil pour les logiciels d&#8217;&#233;dition vid&#233;o. On m&#8217;avait recommand&#233; plein de trucs, je les ai install&#233;s, mais il n&#8217;y en avait aucun qui &#233;tait accessible. Du coup, il y a une barri&#232;re. Vu qu&#8217;il n&#8217;y a pas d&#8217;alternative, ce n&#8217;est pas possible pour moi. Je suis forc&#233;ment exclue.</p></blockquote><p>Un m&#233;tier qui exclut par ses outils n&#8217;est pas neutre. Il d&#233;cide qui peut cr&#233;er, et qui doit rester spectateur, <em>by design</em>.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://www.tamarasredojevic.com/fr/writing/malvoyance-outils-numeriques&quot;,&quot;text&quot;:&quot;Lire l'interview compl&#232;te&quot;,&quot;action&quot;:null,&quot;class&quot;:&quot;button-wrapper&quot;}" data-component-name="ButtonCreateButton"><a class="button primary button-wrapper" href="https://www.tamarasredojevic.com/fr/writing/malvoyance-outils-numeriques"><span>Lire l'interview compl&#232;te</span></a></p><div><hr></div><h2>2 ressources pour aller plus loin</h2><ul><li><p><a href="https://www.lunaweb.fr/actualites/blog/contraste-et-perception-des-couleurs-l-apca-comme-future-methode-de-calcul/">Contraste et perception des couleurs, l&#8217;APCA comme future m&#233;thode de calcul ?</a> : Cl&#233;mentine m&#8217;a expliqu&#233; qu&#8217;elle ne voyait pas certaines combinaisons de couleur, confirmant que nos outils ne tiennent pas compte de toutes les formes de daltonisme. Je me suis alors int&#233;ress&#233;e &#224; l&#8217;APCA (Advanced Perceptual Contrast Algorithm) qui tient compte du contexte, contrairement au WCAG (Web Content Accessibility Guidelines).</p></li><li><p><a href="https://designersethiques.org/fr/thematiques/inclusion/concevoir-pour-les-deficients-visuels">Guide de conception pour les d&#233;ficients visuels</a> : On ne peut pas traiter l&#8217;accessibilit&#233; uniquement au moment de la mise en production. &#199;a se joue &#224; chaque &#233;tape de conception. Cette ressource d&#8217;Anne Faubry (Designers &#201;thiques) propose des pistes concr&#232;tes de design accessible pour les personnes malvoyantes et aveugles, avec l&#8217;exemple du portail de l&#8217;audiodescription.</p></li></ul><div><hr></div><h2>1 question pour vous</h2><p>&#192; quoi ressemblerait un service num&#233;rique con&#231;u par des personnes aveugles et malvoyantes ?</p><p>C&#8217;est la question que Cl&#233;mentine m&#8217;a pos&#233;e &#224; la fin de <a href="https://www.tamarasredojevic.com/fr/writing/malvoyance-outils-numeriques">notre &#233;change</a> et qui trotte dans ma t&#234;te depuis. Je vous propose de rejoindre le canal accessibilit&#233; des Designers &#201;thiques sur Mattermost pour en parler ensemble. Pas besoin de ma&#238;triser le sujet de l&#8217;accessibilit&#233; pour participer, votre curiosit&#233; suffit.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;https://mattermost.designersethiques.org/login&quot;,&quot;text&quot;:&quot;Rejoindre le Mattermost&quot;,&quot;action&quot;:null,&quot;class&quot;:&quot;button-wrapper&quot;}" data-component-name="ButtonCreateButton"><a class="button primary button-wrapper" href="https://mattermost.designersethiques.org/login"><span>Rejoindre le Mattermost</span></a></p><p>N&#8217;h&#233;sitez pas &#224; partager la question avec des personnes concern&#233;es. L&#8217;&#233;change n&#8217;en sera que plus riche.</p><div><hr></div><h2>Actualit&#233;s</h2><ul><li><p>Je serai de passage &#224; <a href="https://www.linkedin.com/posts/a11y-ouest_ouest-bretagne-loireatlantique-activity-7422704184669425664-owRN/?originalSubdomain=fr">A11Y Ouest</a> &#224; Rennes le 31 mars pour soutenir l&#8217;initiative bretonne de l&#8217;association <a href="https://ideance.net/blog/3819/a11y-france-accessibilite-numerique/">A11Y France</a>.</p></li><li><p>Je serai aussi &#224; <a href="https://mixitconf.org/fr/">MiXiT</a>, les 16 et 17 avril &#224; Villeurbanne, pour donner mon talk : <em>Design validiste : comment rompre les normes syst&#233;miques</em>.</p></li></ul><div><hr></div><h2>Aidez-moi &#224; choisir mes prochains invit&#233;s</h2><p>J&#8217;aimerais rencontrer des personnes handicap&#233;es dont le c&#339;ur de m&#233;tier n&#8217;est pas le num&#233;rique et qui rencontrent des difficult&#233;s avec les services en ligne ou y ont renonc&#233;. Si vous connaissez des personnes concern&#233;es qui ont envie de participer, vous pouvez nous mettre en relation par <a href="mailto:hello@tamarasredojevic.com">email</a> ou sur <a href="https://www.linkedin.com/in/tamarasredojevic/">LinkedIn</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Merci pour votre lecture ! Abonnez-vous pour recevoir les prochaines &#233;ditions.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[TDAH et accessibilité numérique]]></title><description><![CDATA[avec Sonia Pr&#233;vost]]></description><link>https://tamarasredojevic.substack.com/p/tdah-accessibilite-numerique</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/tdah-accessibilite-numerique</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Mon, 05 Jan 2026 07:30:41 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/802ca2ff-708f-47be-a896-092580e7a779_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour et bonne ann&#233;e tout le monde ! </p><p>Vous &#234;tes maintenant 480 &#224; recevoir cette newsletter chaque mois et &#231;a me donne beaucoup d&#8217;espoir. &#192; la fois sur l&#8217;int&#233;r&#234;t grandissant pour l&#8217;accessibilit&#233; num&#233;rique et sur la prise en compte de la parole des personnes concern&#233;es. Merci pour tous vos encouragements et partages, &#231;a compte beaucoup pour moi.</p><h2>La newsletter &#233;volue</h2><p>J&#8217;ai rejoint le collectif <a href="https://designersethiques.org/fr">Designers &#201;thiques</a> pour participer &#224; la cr&#233;ation de ressources et d&#8217;&#233;v&#232;nements autour du num&#233;rique responsable. Cette activit&#233; m&#8217;am&#232;ne &#224; faire &#233;voluer le rythme de la newsletter.</p><p>Pour continuer &#224; vous proposer des contenus de qualit&#233;, les interviews seront d&#233;sormais publi&#233;es un mois sur deux. Rendez-vous en mars pour la prochaine !</p><h3>Appel &#224; t&#233;moignages</h3><p>J&#8217;aimerais rencontrer des personnes handicap&#233;es dont le c&#339;ur de m&#233;tier n&#8217;est pas le num&#233;rique, qui rencontrent des difficult&#233;s avec les services en ligne ou y ont renonc&#233;, et qui ont envie de partager leur exp&#233;rience. Si vous connaissez des personnes concern&#233;es, vous pouvez leur transmettre <a href="mailto:hello@tamarasredojevic.com">mon adresse e-mail</a>.</p><h2>Journ&#233;e de l&#8217;&#233;coconception num&#233;rique</h2><p>Je serai &#224; la journ&#233;e de l&#8217;&#233;coconception num&#233;rique le 3 f&#233;vrier 2026 &#224; la MAS Paris, organis&#233;e par Designers &#201;thiques.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!z1Fj!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!z1Fj!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 424w, https://substackcdn.com/image/fetch/$s_!z1Fj!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 848w, https://substackcdn.com/image/fetch/$s_!z1Fj!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!z1Fj!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!z1Fj!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg" width="728" height="182" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:350,&quot;width&quot;:1400,&quot;resizeWidth&quot;:728,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Tamara Sredojevic&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Tamara Sredojevic" title="Tamara Sredojevic" srcset="https://substackcdn.com/image/fetch/$s_!z1Fj!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 424w, https://substackcdn.com/image/fetch/$s_!z1Fj!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 848w, https://substackcdn.com/image/fetch/$s_!z1Fj!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!z1Fj!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F10e7a7e0-9583-4384-9a1c-7689e439cce6_1400x350.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3>Pourquoi y aller ?</h3><ul><li><p>r&#233;fl&#233;chir collectivement &#224; des pratiques num&#233;riques responsables,</p></li><li><p>comprendre les liens entre &#233;coconception et accessibilit&#233; num&#233;rique,</p></li><li><p>rencontrer des designers investis sur les sujets qui vous animent.</p></li></ul><p><a href="https://journee-ecoconception-numerique.fr/billetterie">Il est encore temps de r&#233;server votre place</a>. Attention, les places pour les ateliers sont limit&#233;es.</p><h2>L&#8217;interview du mois : Sonia Pr&#233;vost</h2><p>Et maintenant, place au sujet du mois. </p><p>Je vous propose 5 conseils pour mieux prendre en compte les personnes avec un TDAH (Trouble D&#233;ficit de l&#8217;Attention avec ou sans Hyperactivit&#233;) en UX design. Pour &#231;a, j&#8217;ai interview&#233; <a href="https://www.linkedin.com/in/soniaprevost?originalSubdomain=fr">Sonia Pr&#233;vost</a>, consultante en accessibilit&#233; num&#233;rique chez Id&#233;ance.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!vqil!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!vqil!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!vqil!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!vqil!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!vqil!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!vqil!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg" width="1456" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:517397,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/178875909?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!vqil!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!vqil!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!vqil!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!vqil!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0e0c7de9-d89c-45c2-8a20-5db31d4ede78_1456x728.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Photo de Louise Allavoine pour le Collectif Famille.s...</figcaption></figure></div><div><hr></div><h2>Int&#233;grer le TDAH dans vos choix d&#8217;UX design</h2><h3>1. Donnez un point d&#8217;entr&#233;e clair pour &#233;viter le blocage</h3><p>Une t&#226;che peut sembler insurmontable si on ne sait pas par o&#249; commencer. Pour les personnes avec un TDAH, ce flou peut aller jusqu&#8217;&#224; la paralysie de la t&#226;che. L&#8217;action para&#238;t trop vaste, l&#8217;effort mental trop important. Un bon design peut lever ce blocage en rendant le premier pas &#233;vident. Segmentez les d&#233;marches complexes en micro-&#233;tapes visibles, ou guidez les utilisateurs avec un court message d&#8217;amorce. Quand le parcours commence par une marche simple, c&#8217;est beaucoup plus facile d&#8217;avancer.</p><h4>Ce qu&#8217;en dit Sonia</h4><blockquote><p>La paralysie de la t&#226;che, une des fa&#231;ons de r&#233;soudre &#231;a, c&#8217;est d&#8217;aller parler &#224; quelqu&#8217;un pour me d&#233;bloquer. Ou alors j&#8217;&#233;cris sur un bout de papier : &#8220;je suis bloqu&#233;e sur cette t&#226;che&#8221;. Pourquoi ? Quel est le premier petit pas que je peux faire ? J&#8217;ai tout un tas de petits processus comme &#231;a pour compenser les effets du trouble.</p></blockquote><div><hr></div><h3>2. Indiquez clairement les &#233;tapes d&#8217;un formulaire</h3><p>Pour une personne avec un TDAH, l&#8217;enjeu n&#8217;est pas seulement de savoir o&#249; elle en est, mais d&#8217;anticiper l&#8217;&#233;nergie n&#233;cessaire. Un parcours dont on ignore la longueur peut sembler impossible &#224; entamer. Indiquer clairement le nombre d&#8217;&#233;tapes aide &#224; se pr&#233;parer mentalement, &#224; d&#233;cider du bon moment pour commencer et &#224; &#233;viter d&#8217;&#233;puiser une concentration d&#233;j&#224; fragile.</p><h4>Ce qu&#8217;en dit Sonia</h4><blockquote><p>Il y a aussi les formulaires qui ne m&#8217;indiquent pas o&#249; j&#8217;en suis du parcours. Si tu mets juste &#8220;&#233;tape 2&#8221; mais que tu me dis pas combien y&#8217;en a, &#231;a sert &#224; rien ! C&#8217;est pas la m&#234;me charge cognitive s&#8217;il y en a 3 ou 6 pour moi. Il faut aussi se dire que je dois capitaliser sur les phases de concentration. Ce formulaire &#224; &#233;tapes peut me demander toute mon &#233;nergie. Et donc parfois, je repousse les t&#226;ches qui vont me prendre trop de temps ou me demander trop de concentration.</p></blockquote><div><hr></div><h3>3. Affichez l&#8217;information dont on a besoin pour avancer</h3><p>Les personnes avec un TDAH peuvent avoir une m&#233;moire de travail moins stable. Si l&#8217;interface fait dispara&#238;tre l&#8217;information, c&#8217;est l&#8217;utilisateur qui doit la retenir. Par exemple, un placeholder qui dispara&#238;t d&#232;s qu&#8217;on commence &#224; &#233;crire, ou un formulaire &#224; &#233;tapes qui ne montre pas ce qui a &#233;t&#233; saisi auparavant. Pour les personnes avec un TDAH, ce type de friction mobilise &#233;norm&#233;ment d&#8217;&#233;nergie.</p><h4>Ce qu&#8217;en dit Sonia</h4><blockquote><p>C&#8217;est super difficile pour les personnes avec un TDAH qui n&#8217;ont pas une bonne m&#233;moire de travail et qui vont avoir tendance &#224; oublier ce qu&#8217;elles ont mis entre l&#8217;&#233;tape 2 et l&#8217;&#233;tape de validation. Je vais passer mon temps &#224; faire des aller-retours entre les &#233;tapes pour &#234;tre s&#251;re d&#8217;avoir mis les bonnes donn&#233;es. Ce qui me manque c&#8217;est un r&#233;capitulatif progressif de ce que j&#8217;ai entr&#233; au d&#233;but de chaque &#233;tape. Comme &#231;a, arriv&#233;e &#224; la fin, je n&#8217;ai pas besoin de faire X fois le parcours en sens inverse pour v&#233;rifier ce que j&#8217;ai mis.</p></blockquote><div><hr></div><h3>4. Facilitez l&#8217;acc&#232;s aux actions r&#233;currentes</h3><p>On revient souvent dans un espace personnel pour les m&#234;mes raisons : t&#233;l&#233;charger un justificatif, v&#233;rifier un contrat, suivre une commande&#8230; Quand ces actions sont difficiles &#224; retrouver, on gaspille de l&#8217;&#233;nergie &#224; r&#233;apprendre l&#8217;interface. Pour une personne avec un TDAH, ce co&#251;t est encore plus fort : la navigation doit &#234;tre reconstruite &#224; chaque visite, surtout si l&#8217;interface a chang&#233;. La difficult&#233; vient moins de l&#8217;action elle-m&#234;me que de l&#8217;effort pour la localiser. Offrir un acc&#232;s direct aux t&#226;ches les plus fr&#233;quentes r&#233;duit cette charge et rend l&#8217;exp&#233;rience plus fluide.</p><p><strong>Ce qu&#8217;en dit Sonia</strong></p><blockquote><p>Je me connecte toujours pour les m&#234;mes raisons. Et comme ce n&#8217;est pas souvent, il faut que je r&#233;apprenne o&#249; les trucs sont rang&#233;s &#224; chaque fois. Ce qui pourrait m&#8217;aider c&#8217;est qu&#8217;il y ait des actions rapides &#224; param&#233;trer sur la page d&#8217;accueil de mon espace personnel. Comme &#231;a je n&#8217;ai pas besoin de tout r&#233;apprendre &#224; chaque fois, surtout si l&#8217;interface &#233;volue.</p></blockquote><div><hr></div><h3>5. Laissez les utilisateurs contr&#244;ler les &#233;l&#233;ments en mouvement</h3><p>J&#8217;en avais d&#233;j&#224; parl&#233; pour les <a href="https://tamarasredojevic.substack.com/p/cybermalaise">personnes sujettes au cybermalaise</a> : les &#233;l&#233;ments qui bougent peuvent vite devenir envahissants. Pour une personne avec un TDAH, la distraction arrive encore plus vite. Si vous utilisez du motion design, pr&#233;voyez toujours un moyen de mettre l&#8217;animation en pause. &#199;a vaut pour un carrousel, un gif, ou toute animation automatique.</p><h4>Ce qu&#8217;en dit Sonia</h4><blockquote><p>Il y a plusieurs choses &#224; expliquer pendant les sensibilisations que je donne qui sont assez dures pour moi. Par exemple, je me souviens que je devais montrer un carrousel qui tournait tout seul et c&#8217;&#233;tait horrible. Je devais rester sur cette page pour montrer autre chose et donc je faisais toujours en sorte d&#8217;&#234;tre juste en dessous du carrousel pour ne pas &#234;tre agac&#233;e par ce truc qui tournait en boucle. On peut faire du motion design, des carrousels qui tournent tout seul, pas de soucis. Mais si vous ne pr&#233;voyez pas un bouton pause pour pouvoir l&#8217;arr&#234;ter, &#231;a va me rendre dingue !</p></blockquote><div><hr></div><h3>Pour aller plus loin</h3><ul><li><p><a href="http://www.tamarasredojevic.com/fr/writing/tdah-accessibilite-numerique-sonia-prevost">TDAH et accessibilit&#233; num&#233;rique avec Sonia Pr&#233;vost</a> : l&#8217;interview compl&#232;te sur mon site.</p></li><li><p><a href="https://www.paris-web.fr/2024/conference/penser-laccessibilite-numerique-avec-les-handicaps-cognitifs">Penser l&#8217;accessibilit&#233; num&#233;rique avec les handicaps cognitifs</a> : le replay de l&#8217;excellent talk de Lison Fanuel &#224; Paris Web en 2024.</p></li><li><p><a href="https://www.tamarasredojevic.com/fr/work/inflow">Design neuroinclusif pour le TDAH</a> : la case study d&#8217;une refonte de site que j&#8217;ai faite il y a quelques ann&#233;es pour soutenir les personnes avec un TDAH.</p></li><li><p><a href="https://access42.net/tdah-trouble-attention-hyperactivite-interview-myriam-jessier/">Trouble de l&#8217;attention avec hyperactivit&#233; avec Myriam Jessier</a> : une interview d&#8217;Access42. Chaque personne &#233;tant unique, je vous recommande de lire plusieurs t&#233;moignages pour vous faire une id&#233;e plus pr&#233;cise de ce que veut dire vivre avec un TDAH.</p><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Merci d'avoir lu La newsletter du design accessible ! Abonnez-vous gratuitement pour recevoir de nouveaux posts et soutenir mon travail.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div></li></ul>]]></content:encoded></item><item><title><![CDATA[Design validiste : comment rompre les normes systémiques]]></title><description><![CDATA[Et si la conformit&#233; technique ne suffisait pas ? Cinq leviers pour transformer l'industrie validiste en un design plus juste et plus humain.]]></description><link>https://tamarasredojevic.substack.com/p/design-validiste-normes-systemiques</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/design-validiste-normes-systemiques</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Mon, 03 Nov 2025 07:45:29 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/dc75ec5f-f478-426f-b444-d12b56ef92c2_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Cette &#233;dition s&#8217;adresse &#224; toutes celles et ceux qui portent l&#8217;accessibilit&#233;, officiellement ou non, dans leur &#233;quipe.</p><p>Notre soci&#233;t&#233; repose sur un syst&#232;me qui privil&#233;gie les personnes valides au d&#233;triment des personnes handicap&#233;es. Et ce m&#233;canisme se retrouve aussi en design. On croit concevoir pour &#8220;tout le monde&#8221;, mais en r&#233;alit&#233; on se concentre sur les gens qui nous ressemblent, avant de se demander si &#231;a fonctionnera pour les personnes handicap&#233;es. Une binarit&#233; malvenue, pour nous autres humains qui ne pouvons pas &#234;tre rang&#233;s si facilement dans des cases.</p><p>Cette r&#233;flexion est le point de d&#233;part du <a href="https://www.paris-web.fr/2025/conference/design-validiste-comment-rompre-les-normes-systemiques">talk que j&#8217;ai donn&#233; &#224; Paris Web</a> cette ann&#233;e. J&#8217;en ai tir&#233; une version plus courte sous forme d&#8217;article, d&#233;j&#224; disponible sur mon blog.</p><p>En attendant le replay, je voulais aussi partager quelques leviers de transformation pour un design anti-validiste &#8212; au-del&#224; de la seule accessibilit&#233; de nos interfaces. Comment faire &#233;voluer une industrie enti&#232;re pour qu&#8217;elle s&#8217;adapte r&#233;ellement &#224; tout le monde ? Ce n&#8217;est pas facile, mais on peut quand m&#234;me faire bouger les choses.</p><p>Ces leviers viennent de mes &#233;changes avec des sp&#233;cialistes de l&#8217;accessibilit&#233;, des personnes handicap&#233;es, et de mon exp&#233;rience &#224; la MAIF, o&#249; je travaille depuis pr&#232;s de trois ans comme UX designer et r&#233;f&#233;rente en accessibilit&#233; num&#233;rique.</p><p>Bonne lecture,<br>Tamara.</p><h2>Cinq leviers pour rompre les normes syst&#233;miques du design validiste</h2><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!CIpX!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!CIpX!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 424w, https://substackcdn.com/image/fetch/$s_!CIpX!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 848w, https://substackcdn.com/image/fetch/$s_!CIpX!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!CIpX!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!CIpX!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg" width="1312" height="874" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:874,&quot;width&quot;:1312,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:298752,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/176215220?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!CIpX!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 424w, https://substackcdn.com/image/fetch/$s_!CIpX!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 848w, https://substackcdn.com/image/fetch/$s_!CIpX!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!CIpX!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd3901d7b-5961-47a1-b2c8-334cacd6b33e_1312x874.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h3>Levier 1 : Poser plus de questions</h3><p>En repensant &#224; mes d&#233;buts &#224; la MAIF, je me suis rendu compte que j&#8217;avais pass&#233; beaucoup de temps &#224; poser des questions. Pas de mani&#232;re strat&#233;gique au d&#233;part, mais parce que je voulais vraiment comprendre comment l&#8217;entreprise fonctionnait. Ces questions ont cr&#233;&#233; du dialogue avec mes coll&#232;gues et nous ont permis de co-construire des solutions pour am&#233;liorer l&#8217;accessibilit&#233;. Avec le recul, je crois que c&#8217;est l&#8217;un des leviers les plus efficaces. Parce qu&#8217;imposer des solutions ou accuser vos coll&#232;gues de ne pas s&#8217;y int&#233;resser met tout le monde sur la d&#233;fensive. La curiosit&#233; partag&#233;e, &#224; l&#8217;inverse, transforme vos coll&#232;gues en alli&#233;s.</p><h4>Levier de transformation</h4><p>Remplacez les accusations par des questions ouvertes. Au lieu de &#8220;tu n&#8217;as pas pens&#233; &#224; l&#8217;accessibilit&#233;&#8221;, demandez &#8220;comment tu t&#8217;assures que tes annotations arrivent jusqu&#8217;aux devs ?&#8221;. Vous identifierez la vraie source du blocage &#8212; formation manquante, outil inadapt&#233;, process d&#233;faillant &#8212; et vous pourrez agir l&#224; o&#249; c&#8217;est r&#233;ellement n&#233;cessaire.</p><h3>Levier 2 : Accepter les r&#233;ponses provisoires</h3><p>Les premi&#232;res fois que j&#8217;ai sugg&#233;r&#233; de faire de la recherche utilisateur avec des personnes handicap&#233;es, on m&#8217;a r&#233;pondu que ce serait ill&#233;gal car leur &#233;tat de sant&#233; est une donn&#233;e priv&#233;e. Je l&#8217;ai m&#234;me entendu chez des prestataires de recherche. Plut&#244;t que de la traiter comme un verdict d&#233;finitif, j&#8217;ai vu cette r&#233;ponse comme un signal de ce que je devais creuser en tant que r&#233;f&#233;rente.</p><p>Gr&#226;ce &#224; <a href="https://www.iamtamara.design/fr/blog/recherche-utilisateur-inclusive">Gwena&#235;lle Brochoire</a>, j&#8217;ai appris qu&#8217;on pouvait tout &#224; fait faire de la recherche inclusive. En utilisant les questions du Washington Group, on identifie des situations d&#8217;usage sans jamais collecter de donn&#233;es sensibles. Une fois arm&#233;e de ces &#233;l&#233;ments, j&#8217;ai pu les r&#233;utiliser &#224; chaque objection. Et petit &#224; petit, la r&#233;ponse provisoire est devenue un vrai changement de pratique : on a commenc&#233; &#224; mener de la recherche inclusive, en embarquant nos prestataires avec nous.</p><h4>Levier de transformation</h4><p>Quand on vous fait une r&#233;ponse bloquante, demandez-vous s&#8217;il y a une id&#233;e re&#231;ue &#224; d&#233;construire. Dosez vos efforts et ne cherchez pas &#224; convaincre tout le monde d&#8217;un coup. La d&#233;construction prend du temps. Les r&#233;ponses provisoires d&#8217;aujourd&#8217;hui peuvent &#233;voluer et transformer un &#8220;non&#8221; en &#8220;bien s&#251;r&#8221;. Soyez patients.</p><h2>Levier 3 : Renverser les sch&#233;mas mentaux</h2><p>Souvent, on bloque tellement sur la mani&#232;re de r&#233;soudre un probl&#232;me complexe qu&#8217;on passe &#224; c&#244;t&#233; de solutions simples. D&#233;cider d&#8217;inclure les personnes handicap&#233;es au c&#339;ur du design n&#8217;est pas un petit changement. C&#8217;est une d&#233;marche politique, sociale et &#233;conomique, bien plus large que la seule question de l&#8217;accessibilit&#233; technique. Pour y parvenir, il faut apprendre &#224; <a href="https://fs.blog/brain-food/january-19-2025/#:~:text=V4%20%7C%20General%20Thinking%20Tools%20%7C%20Inversion">renverser nos sch&#233;mas mentaux</a> &#8212; y compris en tant que designers.</p><h4>Levier de transformation</h4><p>Organisez un atelier de <a href="https://theconversation.com/avec-le-design-fiction-former-les-etudiants-a-imaginer-les-futurs-230317">Design Fiction</a> avec votre &#233;quipe. Au lieu de demander &#8220;comment am&#233;liorer notre service ?&#8221;, posez la question : &#8220;comment garantir son &#233;chec aupr&#232;s des personnes handicap&#233;es ?&#8221;. Laissez surgir les id&#233;es absurdes, provocantes, exag&#233;r&#233;es. Ensuite, retournez chaque id&#233;e pour en faire une action positive. &#8220;Trouvons la solution entre designers valides&#8221; devient &#8220;et si on demandait directement &#224; quelqu&#8217;un de concern&#233; ce dont il a besoin ?&#8221;. Ce type d&#8217;exercice aide aussi &#224; convaincre les parties prenantes de changer de m&#233;thodologie pour faire avancer l&#8217;accessibilit&#233;.</p><h2>Levier 4 : Faire de la recherche inclusive</h2><p>Mettre en place des process d&#8217;<a href="https://blog.hello-bokeh.fr/2025/06/26/accessibilityops-passage-a-lechelle/">AccessibilityOps</a>, c&#8217;est utile : former les designers &#224; annoter les maquettes, rappeler aux devs de v&#233;rifier les attributs, documenter les bonnes pratiques. Mais si personne ne comprend pourquoi c&#8217;est important, si personne ne voit le lien entre ces gestes et l&#8217;exclusion syst&#233;mique, ces efforts resteront m&#233;caniques.</p><p>C&#8217;est ce que j&#8217;ai r&#233;alis&#233; en &#233;changeant avec <a href="https://www.iamtamara.design/fr/blog/recherche-utilisateur-inclusive">Charlotte Puiseux</a>, qui me parlait de sa fatigue face &#224; la violence sur Internet &#8212; une violence qu&#8217;elle conna&#238;t d&#233;j&#224; bien dans le monde r&#233;el. Dans la rue, on l&#8217;interroge sans cesse sur son corps, sa sant&#233;, comme si elle devait des explications &#224; tout le monde. Et c&#8217;est pareil en ligne : des inconnus lui posent des questions tr&#232;s personnelles qu&#8217;on ne poserait jamais &#224; quelqu&#8217;un de valide.</p><p>Ces comportements, qu&#8217;on banalise souvent, montrent pourquoi certaines personnes se tiennent &#224; distance du num&#233;rique. Et pourquoi la conformit&#233; technique ne suffit pas. Un service peut &#234;tre &#8220;100 % conforme&#8221; tout en restant validiste dans sa logique ou dans la mani&#232;re dont il s&#8217;adresse aux gens.</p><p>Le &#8220;100 % accessible&#8221; serait donc &#224; la fois conforme et anti-validiste &#8212; un environnement sans curiosit&#233; d&#233;plac&#233;e, sans stigmatisation, et o&#249; chacun se sent l&#233;gitime et en s&#233;curit&#233;.</p><h4>Levier de transformation</h4><p>Faites de la vraie recherche inclusive quand c&#8217;est possible : testez avec des personnes handicap&#233;es qui ne travaillent pas dans le num&#233;rique. Sinon, faites de la recherche documentaire : lisez des <a href="https://www.iamtamara.design/fr/blog">t&#233;moignages</a>, regardez des vid&#233;os, contactez des personnes pour des interviews informelles. L&#8217;exp&#233;rience de ces personnes en dehors du num&#233;rique sera diff&#233;rente, parfois brutale, et vous apprendrez des choses que vous n&#8217;auriez jamais imagin&#233;es. C&#8217;est parfois la nuance qui fera la diff&#233;rence dans votre approche et votre fa&#231;on de parler du sujet.</p><h3>Levier 5 : Sortir des chambres d&#8217;&#233;cho</h3><p>Quand on travaille sur l&#8217;accessibilit&#233;, on finit souvent par parler entre gens d&#233;j&#224; convaincus. On assiste aux m&#234;mes conf&#233;rences, on cite les m&#234;mes r&#233;f&#233;rences. C&#8217;est confortable, rassurant &#8212; mais &#231;a limite notre impact.</p><p>Pour que l&#8217;accessibilit&#233; progresse, il faut sortir de nos <a href="https://www.nobelpeacecenter.org/en/exhibitions/the-echo-chamber">chambres d&#8217;&#233;cho</a>. Aller voir ce qui se dit ailleurs. Discuter avec des m&#233;tiers qu&#8217;on &#233;coute peu. Lire les travaux de recherche ou d&#8217;associations militantes en dehors du num&#233;rique. C&#8217;est dans ces dialogues qu&#8217;on d&#233;couvre les angles morts de nos pratiques.</p><h4>Levier de transformation</h4><p>Variez vos sources d&#8217;inspiration : abonnez-vous &#224; des newsletters en dehors de votre domaine, invitez des profils diff&#233;rents &#224; vos ateliers, assistez &#224; des &#233;v&#233;nements qui ne parlent pas explicitement de design ou n&#8217;en parlent pas comme vous. Et quand vous partagez vos apprentissages, adressez-vous aussi &#224; celles et ceux qui n&#8217;auraient pas cliqu&#233; spontan&#233;ment sur un article &#8220;accessibilit&#233;&#8221;.</p><h2>Pour aller plus loin</h2><ul><li><p>L&#8217;article complet &#8220;<a href="http://www.iamtamara.design/fr/blog/design-validiste-normes-systemiques">Design validiste : comment rompre les normes syst&#233;miques</a>&#8221; sur mon blog.</p></li><li><p>La carte de <a href="https://www.figma.com/board/ON2uZiTT9idgJgT8mJV2tK/D%C3%A9construire-le-design-validiste?node-id=80-107&amp;t=F4v4sQp7L6JmlWsy-1">d&#233;construction du design validiste</a> sur Figjam.</p></li><li><p>Toutes les <a href="https://www.notion.so/Design-validiste-comment-rompre-les-normes-syst-miques-220b37ebdcfe8067a94cf152f32b148b?source=copy_link">ressources cit&#233;es pendant mon talk</a> &#224; Paris Web.</p></li></ul>]]></content:encoded></item><item><title><![CDATA[Accessibilité et design : une question de posture]]></title><description><![CDATA[Avec Ludovic Evelin]]></description><link>https://tamarasredojevic.substack.com/p/accessibilite-posture-ludovic-evelin</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/accessibilite-posture-ludovic-evelin</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Mon, 29 Sep 2025 06:30:53 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/0c6efcc8-6e2c-47a8-a420-9a40bcc14782_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Je vous &#233;cris au retour de <a href="https://www.paris-web.fr/">Paris Web</a>, o&#249; nous avons f&#234;t&#233; les 20 ans de la conf&#233;rence. J&#8217;y ai donn&#233; un talk sur le design validiste, dont je partagerai le replay d&#232;s que possible. En attendant, vous pouvez <a href="https://www.notion.so/Design-validiste-comment-rompre-les-normes-syst-miques-220b37ebdcfe8067a94cf152f32b148b?source=copy_link">retrouver toutes les notes et sources cit&#233;es ici</a>.</p><p>Ce mois-ci, je voudrais vous parler de posture de designer. On pr&#233;sente souvent l&#8217;accessibilit&#233; comme une liste de r&#232;gles ou de techniques. Mais c&#8217;est aussi une fa&#231;on d&#8217;&#234;tre designer. Une mani&#232;re d&#8217;accepter la remise en question, de se confronter &#224; l&#8217;inconfort et de r&#233;fl&#233;chir &#224; l&#8217;impact de nos choix. C&#8217;est ce dont j&#8217;ai discut&#233; avec <a href="https://fr.linkedin.com/in/ludovicevelin">Ludovic Evelin</a>, designer et formateur en accessibilit&#233;.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!dkzv!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!dkzv!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!dkzv!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!dkzv!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!dkzv!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!dkzv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:465252,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/173433030?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!dkzv!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!dkzv!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!dkzv!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!dkzv!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe9ecd34c-7075-4bd9-a815-881f21f33ec4_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Ludovic vit avec un spina bifida, une maladie cong&#233;nitale qui impacte son quotidien. En l&#8217;&#233;coutant, on comprend vite que son parcours d&#233;passe les questions techniques d&#8217;accessibilit&#233;. C&#8217;est une fa&#231;on de penser le design, ancr&#233;e dans le r&#233;el, dans la vie des personnes et leurs besoins.</p><p>J&#8217;en ai tir&#233; 5 conseils pour une posture plus ouverte &#224; l&#8217;accessibilit&#233;. N&#8217;oubliez pas de <a href="http://www.iamtamara.design/fr/blog/design-accessibilite-ludovic-evelin">lire aussi son interview sur mon blog</a>.</p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h2>5 conseils pour une posture plus ouverte &#224; l&#8217;accessibilit&#233;</h2><h3>Oubliez les id&#233;es pr&#233;con&#231;ues</h3><p>Le handicap n&#8217;est pas ce qu&#8217;on imagine mais ce que les personnes en disent, ce qu&#8217;elles vivent vraiment. Appuyez-vous sur des t&#233;moignages r&#233;els pour am&#233;liorer vos conceptions. Partir de cette r&#233;alit&#233; change la mani&#232;re dont l&#8217;accessibilit&#233; sera per&#231;ue par les &#233;quipes produit.</p><p><strong>Concr&#232;tement :</strong> commencez vos formations, ateliers ou talks par une ressource v&#233;cue (t&#233;moignage vid&#233;o, article, retour d&#8217;exp&#233;rience).</p><h4>Ce qu&#8217;en dit Ludovic</h4><blockquote><p>Je partage toujours une vid&#233;o d&#8217;<a href="https://www.youtube.com/watch?v=GfVfm41ZHlk">Anne-Sarah Kertudo</a> qui explique que le handicap n'est pas dans le corps. Son point de vue est tr&#232;s int&#233;ressant dans le sens o&#249; elle dit vraiment que la situation de handicap est ext&#233;rieure &#224; la personne. &#199;a me permet d&#8217;emmener mes &#233;tudiants vers la notion d&#8217;accessibilit&#233; universelle et du <a href="https://www.iamtamara.design/fr/blog/modeles-handicap">mod&#232;le social</a>. Et l&#224;, ils percutent tout de suite. Apr&#232;s cette prise de conscience, ils acceptent beaucoup plus facilement la rigueur de nos enseignements sur la qualit&#233; web et l&#8217;accessibilit&#233;.</p></blockquote><div><hr></div><h3>Concevez avec les personnes concern&#233;es</h3><p>L&#8217;accessibilit&#233; ne peut pas se r&#233;sumer &#224; imaginer les besoins des personnes &#224; leur place. Concevoir avec elles, c&#8217;est inclure leurs exp&#233;riences, leurs outils et leurs contraintes dans la conception.</p><p><strong>Concr&#232;tement :</strong> impliquez des personnes handicap&#233;es d&#232;s le d&#233;but d&#8217;un projet (atelier de co-conception, comit&#233; d&#8217;utilisateurs, participation aux d&#233;cisions). Pas seulement au moment des tests.</p><h4>Ce qu&#8217;en dit Ludovic</h4><blockquote><p>Ce que j'ai envie de te dire, c&#8217;est de ne pas imaginer les choses &#224; ma place, mais d'imaginer les choses avec moi. Les entreprises devraient embaucher davantage de personnes en situation de handicap dans leurs &#233;quipes de conception, ne serait-ce que pour int&#233;grer des parcours de vie diff&#233;rents.</p></blockquote><div><hr></div><h3>Prenez les objections comme des opportunit&#233;s</h3><p>Se faire challenger est une chance. &#199;a nous pousse &#224; sortir de nos certitudes, &#224; r&#233;fl&#233;chir autrement et &#224; aller plus loin dans nos pratiques. C&#8217;est aussi &#231;a, le m&#233;tier d&#8217;UX designer : savoir &#233;couter, accueillir le doute et transformer les objections en apprentissages.</p><p><strong>Concr&#232;tement :</strong> notez les objections, reformulez-les, et utilisez-les pour am&#233;liorer vos choix plut&#244;t que pour vous d&#233;fendre dans l&#8217;instant.</p><h4>Ce qu&#8217;en dit Ludovic</h4><blockquote><p>Mes &#233;tudiants se &#171; laissent tous faire &#187;. Et puis, des fois il y en a un qui est r&#233;calcitrant et qui me dit &#8220;mais pourquoi je te croirais, toi, Ludo, pourquoi est-ce que je t'&#233;couterais toi ? Pourquoi ton discours serait le bon discours ?&#8221;. &#199;a, je trouve que c'est hyper int&#233;ressant parce que &#231;a me donne l'opportunit&#233; de rebondir sur le fait de s'interroger. De remettre en question. C&#8217;est la bonne attitude, &#231;a les pousse &#224; chercher, &#224; approfondir les sujets.</p></blockquote><div><hr></div><h3>Questionnez l&#8217;impact avant le &#8220;joli-beau&#8221;</h3><p>L&#8217;esth&#233;tique a sa place, mais la posture d&#8217;un designer ne peut pas s&#8217;arr&#234;ter l&#224;. Il faut aussi penser &#224; l&#8217;impact humain, social et &#233;cologique de ce qu&#8217;on con&#231;oit.</p><p><strong>Concr&#232;tement :</strong> dans vos projets, demandez-vous toujours &#171; qui est laiss&#233; de c&#244;t&#233; si je choisis cette solution ? &#187;.</p><h4>Ce qu&#8217;en dit Ludovic</h4><blockquote><p>Je pense qu&#8217;on doit arr&#234;ter de designer en hors-sol. L'approche de nos clients, c'est celle du design esth&#233;tique, de la valeur visuelle. C'est ce que je dis toujours &#224; mes &#233;tudiants qui se pr&#233;cipitent sur ce que j&#8217;appelle le &#8220;joli-beau&#8221;. Con&#231;ois d&#8217;abord et apr&#232;s tu feras du joli-beau.</p></blockquote><div><hr></div><h3>Anticipez les usages impr&#233;vus</h3><p>Vos utilisateurs ne feront jamais exactement ce que vous avez pr&#233;vu. Entra&#238;nez-vous &#224; tol&#233;rer l&#8217;erreur, voire m&#234;me &#224; l&#8217;anticiper. Non pas pour la contr&#244;ler mais pour laisser une ouverture.</p><p><strong>Concr&#232;tement :</strong> testez vos prototypes avec des profils vari&#233;s, observez comment ils contournent vos parcours, et laissez des marges de man&#339;uvre plut&#244;t que des chemins ferm&#233;s.</p><h4>Ce qu&#8217;en dit Ludovic</h4><blockquote><p>Je pense &#224; Ronald Mace qui a &#233;tabli les <a href="https://www.csps.ch/fr/themes/conception-universelle-de-l-apprentissage/conception-universelle">7 principes de la conception universelle</a>. Et le crit&#232;re n&#176;5, c&#8217;est la tol&#233;rance &#224; l'erreur, cette fameuse pr&#233;vision que notre utilisateur ne va pas utiliser le produit exactement comme nous.</p></blockquote><div><hr></div><h2>En savoir plus sur le design accessible</h2><ul><li><p><a href="https://podcast.designmasterclass.fr/episode/28/design-accessible-une-priorite">Design accessible, une priorit&#233;</a> : Un &#233;pisode du podcast Design Master Class pour r&#233;pondre &#224; la question : doit-on faire de l&#8217;accessibilit&#233; une priorit&#233; dans le design ? Un &#233;pisode avec C&#233;line Boeuf, Vincent Le Goff et Egon Ghestem. Transcript disponible.</p></li><li><p><a href="https://designersethiques.org/fr/ateliers-et-formations/formation-design-accessible">Formation design accessible (Designers &#201;thiques)</a> : Cette formation apporte des bases pour concevoir des interfaces webs accessibles et inclusives, &#224; travers cas d&#8217;usages, et exercices pratiques. Formation payante sur 2 jours (financement possible).</p></li><li><p><a href="https://www.paris-web.fr/2024/conference/defendre-et-industrialiser-laccessibilite-en-tant-quux-designer">D&#233;fendre et industrialiser l&#8217;accessibilit&#233; en tant qu&#8217;UX designers</a> : Replay de mon talk &#224; Paris Web en 2024 avec Nora Goerne. Nous y proposons des conseils pour d&#233;fendre l&#8217;accessibilit&#233; et l&#8217;int&#233;grer dans les processus de design, avec des retours concrets de terrain.</p></li></ul>]]></content:encoded></item><item><title><![CDATA[Tenir compte des personnes autistes en design]]></title><description><![CDATA[avec V&#233;ronique Sermage]]></description><link>https://tamarasredojevic.substack.com/p/autisme-design</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/autisme-design</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Mon, 01 Sep 2025 06:34:06 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/fcf873aa-16e1-4140-8912-e5c3644fed41_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>J&#8217;esp&#232;re que vous avez pass&#233; un bel &#233;t&#233;. Je suis pass&#233;e sur <strong>Substack</strong> car j&#8217;avais envie que cette newsletter puisse aussi se lire en dehors de vos bo&#238;tes mail. Avant de parler du sujet du point, faisons un petit <strong>point &#233;v&#232;nementiel</strong> :</p><ul><li><p>J&#8217;anime mon atelier &#8220;Accessibilit&#233;, jouez la bonne carte&#8221; aux ateliers de Paris Web &#224; <strong>Nantes le 6 septembre</strong>. <a href="https://www.paris-web.fr/ateliers/2025-09-nantes/accessibilite-jouez-la-bonne-carte">Inscriptions ici</a>.</p></li></ul><ul><li><p>Je serai aussi &#224; <strong>Paris Web les 25 et 26 septembre</strong> pour donner mon nouveau talk &#8220;<a href="https://www.paris-web.fr/2025/conference/design-validiste-comment-rompre-les-normes-systemiques">Design validiste : comment rompre les normes syst&#233;miques</a>&#8221;.</p></li></ul><div><hr></div><p>Et maintenant, place au <strong>sujet du mois</strong>. On parle beaucoup de diversit&#233; dans les &#233;quipes tech, mais &#231;a veut dire quoi pour les personnes neuroatypiques ? Cette question m&#8217;a amen&#233;e &#224; <a href="https://www.linkedin.com/in/veroniquesermage">V&#233;ronique Sermage</a>, d&#233;veloppeuse avec un <strong>Trouble du Spectre Autistique (TSA)</strong>.</p><p>Vous pouvez lire le <a href="http://www.iamtamara.design/fr/blog/autisme-tech-veronique-sermage">transcript de l&#8217;interview sur mon blog</a> dont j&#8217;ai tir&#233; <strong>5 conseils de design pour tenir compte des personnes autistes</strong>.</p><p>Bonne lecture, <br>Tamara</p><div><hr></div><h2>5 conseils de design pour mieux inclure les personnes autistes</h2><p>Note : ces recommandations ne sont que des bonnes pratiques et m&#233;ritent d&#8217;&#234;tre test&#233;es avec vos utilisateurs.</p><h3>Ne vous servez pas que de la couleur pour transmettre l&#8217;information</h3><p>Ce conseil concerne plut&#244;t les personnes daltoniennes ou celles qui utilisent un lecteur d'&#233;cran. Mais il est aussi utile pour les personnes autistes. </p><p><strong>Les couleurs ont un sens</strong>. Mais s&#8217;il n&#8217;est pas clair, &#231;a peut cr&#233;er de la <strong>surcharge cognitive</strong>. On passe du temps &#224; essayer de comprendre ce que la couleur veut dire, au lieu de se concentrer sur l&#8217;information transmise.</p><h4>Ce qu&#8217;en dit V&#233;ronique</h4><blockquote><p>J'avoue que les couleurs, &#231;a ne me parle pas des masses. Si y&#8217;a des couleurs, moi je me dis qu&#8217;il y a une info. Sauf que la plupart du temps, pas du tout. Donc je me dis, mais pourquoi ils ont mis &#231;a dans telle couleur ? Et je passe du temps &#224; essayer de comprendre pourquoi ils ont mis cet &#233;l&#233;ment dans telle couleur et tel autre dans telle couleur.</p></blockquote><h4>Exemple en design</h4><p>Dans un dashboard, les statuts des t&#226;ches sont signal&#233;s uniquement par des couleurs : vert, orange et rouge. <strong>Sans libell&#233; ou l&#233;gende, il faut deviner ce que chaque couleur signifie.</strong> Est-ce que rouge veut dire &#8220;annul&#233;&#8221;, &#8220;bloqu&#233;&#8221; ou encore autre chose ? On ne peut pas le savoir sans l&#233;gende.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!peLJ!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!peLJ!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 424w, https://substackcdn.com/image/fetch/$s_!peLJ!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 848w, https://substackcdn.com/image/fetch/$s_!peLJ!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!peLJ!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!peLJ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg" width="1456" height="449" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:449,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:227465,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!peLJ!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 424w, https://substackcdn.com/image/fetch/$s_!peLJ!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 848w, https://substackcdn.com/image/fetch/$s_!peLJ!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!peLJ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5f3ff13c-eb1c-4953-a05c-5120b44559e1_2596x800.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Dashboard o&#249; la couleur seule indique le statut</figcaption></figure></div><h5>Recommandation</h5><p>Affichez le statut en toutes lettres &#8212; quitte &#224; laisser l&#8217;utilisateur choisir de l&#8217;afficher ou non. &#199;a &#233;vite les mauvaises interpr&#233;tations, que ce soit &#224; cause d&#8217;un handicap cognitif ou visuel.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!a41V!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!a41V!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 424w, https://substackcdn.com/image/fetch/$s_!a41V!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 848w, https://substackcdn.com/image/fetch/$s_!a41V!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!a41V!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!a41V!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg" width="1456" height="449" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:449,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:244300,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!a41V!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 424w, https://substackcdn.com/image/fetch/$s_!a41V!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 848w, https://substackcdn.com/image/fetch/$s_!a41V!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!a41V!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4facc9ee-a7e1-4bce-a96c-72925266bb2c_2596x800.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Dashboard o&#249; la couleur s&#8217;accompagne du statut en toutes lettres</figcaption></figure></div><div><hr></div><h3>Ne comptez pas sur les emojis pour tout dire</h3><p>Les emojis peuvent &#234;tre mal interpr&#233;t&#233;s &#8211;&nbsp;on l&#8217;a vu dans la mini-s&#233;rie <em>Adolescence</em>, o&#249; <a href="https://www.radiofrance.fr/franceinfo/podcasts/le-choix-de-franceinfo/pizza-pilule-bleue-ou-rouge-coeur-violet-le-sens-cache-de-ces-emojis-que-vous-utilisez-souvent-sur-les-reseaux-sociaux-9586665">chaque g&#233;n&#233;ration en fait sa propre lecture</a>. C&#8217;est aussi vrai pour certaines personnes autistes, qui peuvent y associer un autre sens. <strong>Un emoji seul ne suffit pas</strong> &#224; transmettre une information.</p><h4>Ce qu&#8217;en dit V&#233;ronique</h4><blockquote><p>Les gens qui ne communiquent que par emoji&#8230; en fait je comprends pas un tra&#238;tre mot de ce que vous &#234;tes en train d'essayer de me dire ! Donc tu vois, ce sont des choses que je vais enlever syst&#233;matiquement. Je vais simplifier les choses, &#231;a va me permettre de mieux comprendre. Et puis le langage &#233;crit c&#8217;est un langage commun &#224; tous. Si je mets un petit bonhomme qui pleure et que y&#8217;en a qui pensent qu'il rigole, qu&#8217;il est &#233;nerv&#233; ou je ne sais quoi&#8230; &#231;a va pas. Donc j&#8217;&#233;cris un mot qui dit tristesse et comme &#231;a c&#8217;est ok pour tout le monde.</p></blockquote><h4>Exemple en design</h4><p>Sur une plateforme de formation, la fiche d&#8217;un module affiche un emoji &#128293; dans un coin. Un lecteur d&#8217;&#233;cran ne lira que &#8220;feu&#8221;, sans plus d&#8217;explication. Les utilisateurs peuvent se demander si c&#8217;est un cours populaire, une nouveaut&#233; ou un module urgent &#224; suivre. <strong>Sans l&#233;gende, le sens est flou</strong> pour plein d&#8217;utilisateurs.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!gokg!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!gokg!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!gokg!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!gokg!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!gokg!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!gokg!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg" width="1456" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:160660,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!gokg!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!gokg!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!gokg!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!gokg!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe6b7f292-dfa1-45e1-87fd-2f752fff86ab_2607x813.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Fiche d&#8217;un module de formation en UX design accompagn&#233; d&#8217;un emoji feu</figcaption></figure></div><h5>Recommandation</h5><p>Ajoutez un mot clair &#224; c&#244;t&#233; de l&#8217;emoji pour expliquer ce qu&#8217;il signifie, par exemple &#8220;parmi les plus populaires&#8221;. Pensez aussi &#224; <strong>masquer l&#8217;emoji aux lecteurs d&#8217;&#233;cran</strong> avec <code>aria-hidden="true"</code> pour ne pas g&#234;ner la compr&#233;hension. Sinon, ce sera restitu&#233; &#8220;parmi les plus populaires feu&#8221; aux lecteurs d&#8217;&#233;cran &#8212; ce qui n&#8217;a aucun sens.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!4ZnX!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!4ZnX!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!4ZnX!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!4ZnX!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!4ZnX!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!4ZnX!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg" width="1456" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:189529,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!4ZnX!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!4ZnX!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!4ZnX!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!4ZnX!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F26a0ed73-5ad0-4cf3-82a5-b3c1f72c11cb_2607x813.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Fiche d&#8217;un module de formation en UX design accompagn&#233; de la mention &#8220;parmi les plus populaires&#8221;. On a laiss&#233; l&#8217;emoji feu mais il est masqu&#233; aux lecteurs d&#8217;&#233;cran.</figcaption></figure></div><div><hr></div><h3>Expliquez les choix que vous proposez</h3><p>Les personnes avec un TSA peuvent parfois <strong>sur-analyser les choix propos&#233;s</strong>. Ce qui pourrait sembler anodin pour une personne neurotypique devient alors un vrai casse-t&#234;te pour une personne neurodivergente parce qu&#8217;il faut anticiper les cons&#233;quences de chaque choix.</p><h4>Ce qu&#8217;en dit V&#233;ronique</h4><blockquote><p>Sur les sites, quand on me demande comment je veux les contacter, ben je ne sais pas ! C&#8217;est quoi le plus efficace ? Quel est le moment o&#249; tu vas me r&#233;pondre ? Si tu me dis &#8220;&#234;tre rappel&#233;&#8221;... ok, mais sous combien de temps ? Est-ce que je vais pouvoir aller au bout et dans quelles conditions ? C'est bien de donner du choix, mais c'est mieux de savoir pourquoi on a le choix. Je pense que pour beaucoup de TSA, on va analyser en permanence tout ce qu&#8217;il se passe. Donc quand tu nous laisses un choix, il va falloir qu'on analyse le choix et qu&#8217;on prenne une d&#233;cision. Les neuroatypiques vont finir par comprendre, mais c'est une charge mentale pour nous. Donc si les infos ne sont pas claires, c&#8217;est un enfer.</p></blockquote><h4>Exemple en design</h4><p>Sur une page de contact, trois options sont propos&#233;es : &#8220;&#234;tre rappel&#233;&#8221;, &#8220;chat&#8221; et &#8220;envoyer un e-mail&#8221;. Les personnes doivent deviner ce qui est le plus rapide ou le plus adapt&#233; en fonction de leurs besoins. Pour une personne autiste, cette analyse pouss&#233;e peut <strong>g&#233;n&#233;rer du stress</strong>.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!KO0b!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!KO0b!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!KO0b!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!KO0b!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!KO0b!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!KO0b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg" width="1456" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:180605,&quot;alt&quot;:&quot;3 CTA de contact &#8220;&#234;tre rappel&#233;&#8221;, &#8220;chat&#8221;, et &#8220;envoyer un e-mail&#8221;&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="3 CTA de contact &#8220;&#234;tre rappel&#233;&#8221;, &#8220;chat&#8221;, et &#8220;envoyer un e-mail&#8221;" title="3 CTA de contact &#8220;&#234;tre rappel&#233;&#8221;, &#8220;chat&#8221;, et &#8220;envoyer un e-mail&#8221;" srcset="https://substackcdn.com/image/fetch/$s_!KO0b!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!KO0b!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!KO0b!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!KO0b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F67d55778-d3aa-4d3b-a30a-ddf58bfc2b60_2607x813.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><h5>Recommandation</h5><p>Ajoutez une phrase claire sous chaque option pour expliquer ce qu&#8217;elle permet. Quel d&#233;lai ? Quelle disponibilit&#233; ? Quelle diff&#233;rence entre les options ? Ces pr&#233;cisions aident tout le monde, mais surtout les personnes qui ont besoin de plus de rep&#232;res pour faire un choix.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Ljio!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Ljio!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Ljio!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Ljio!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Ljio!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Ljio!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg" width="1456" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:237382,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Ljio!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Ljio!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Ljio!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Ljio!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5d5d7fd0-1082-4b62-9429-70fd0d684dd5_2607x813.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">On a pr&#233;cis&#233; chaque option : &#8220;&#202;tre rappel&#233; sous 24h&#8221;, &#8220;Chat 24/24h avec un bot&#8221;, &#8220;Envoyer un e-mail, r&#233;ponse sous 48h&#8221;.</figcaption></figure></div><div><hr></div><h3>Facilitez le passage &#224; l&#8217;action</h3><p>On vit dans un monde complexe o&#249; chaque action demande de s&#8217;adapter, d&#8217;anticiper, de planifier. Pour certaines personnes neurodivergentes, ce n&#8217;est pas le choix qui pose probl&#232;me, mais le fait d&#8217;<strong>initier l&#8217;action</strong>. M&#234;me quand la marche &#224; suivre est claire, devoir s&#8217;y mettre peut devenir un obstacle en soi.</p><h4>Ce qu&#8217;en dit V&#233;ronique</h4><blockquote><p>J'aime pas discuter au t&#233;l&#233;phone. Mais quand j'ai juste &#224; cliquer sur &#8220;&#234;tre appel&#233;&#8221; &#231;a m'enl&#232;ve tellement de charge avant&#8230; Chez les neuroatypiques, il y a les d&#233;ficits de la fonction ex&#233;cutive qui arrivent &#224; ce moment-l&#224;. &#199;a fait partie des choses que les autistes ont en commun avec les TDAH (Trouble D&#233;ficit de l&#8217;Attention avec ou sans Hyperactivit&#233;). Passer un coup de fil, c'est un enfer. Est ce qu'il faut prendre la d&#233;cision de le faire ? &#199;a peut me prendre 3 &#224; 4h pour me dire &#8220;Ok, c'est bon&#8221;. Donc en fait c'est tout un encha&#238;nement de trucs qui fait que je ne passerai pas le coup de fil dans les 24h qui suivent. Il va me falloir du temps.</p></blockquote><h4>Exemple en design</h4><p>Sur un site pour d&#233;clarer ses imp&#244;ts, un message discret appara&#238;t en haut de page : &#8220;N&#8217;oubliez pas de faire votre d&#233;claration d&#8217;imp&#244;ts avant la date limite.&#8221; Il n&#8217;y a pas de date visible, pas de bouton, ni de possibilit&#233; de cr&#233;er un rappel. C&#8217;est &#224; l&#8217;utilisateur de se souvenir de la deadline, de revenir au bon moment, et de s&#8217;en occuper sans aide. Pour certaines personnes neuroatypiques, cette <strong>charge de planification</strong> suffit &#224; bloquer compl&#232;tement l&#8217;action.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!sGnb!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!sGnb!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 424w, https://substackcdn.com/image/fetch/$s_!sGnb!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 848w, https://substackcdn.com/image/fetch/$s_!sGnb!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!sGnb!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!sGnb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg" width="1456" height="271" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:271,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:214497,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!sGnb!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 424w, https://substackcdn.com/image/fetch/$s_!sGnb!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 848w, https://substackcdn.com/image/fetch/$s_!sGnb!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!sGnb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F688422c3-662c-4f51-865a-6709cf0186ee_2900x540.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h5>Recommandation</h5><p>Pr&#233;cisez tout de suite la date limite et un bouton d&#8217;action pour faire la d&#233;claration. Vous pouvez aussi proposer un rappel 3 jours avant l&#8217;&#233;ch&#233;ance. Un petit coup de pouce pour <strong>r&#233;duire la charge mentale de l&#8217;utilisateur</strong> et lever un blocage.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Mcxl!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Mcxl!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Mcxl!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Mcxl!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Mcxl!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Mcxl!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg" width="1456" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/b935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:268774,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Mcxl!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Mcxl!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Mcxl!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Mcxl!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb935eb09-1c38-4218-8874-a75f3107c562_2607x813.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">N&#8217;oubliez pas votre d&#233;claration d&#8217;imp&#244;ts, vous avez jusqu&#8217;au 01/04/2025 pour la valider. Suivi de 2 boutons : faire ma d&#233;claration et envoyez-moi un rappel 3 jours avant.</figcaption></figure></div><div><hr></div><h3>Evitez le second degr&#233; ou les sous-entendus</h3><p>Le langage indirect peut &#234;tre difficile &#224; comprendre pour certaines personnes, notamment les personnes autistes. Une blague, une expression imag&#233;e ou une remarque ironique peuvent <strong>cr&#233;er de la confusion</strong>, de l&#8217;anxi&#233;t&#233; ou un sentiment d&#8217;exclusion. Mieux vaut rester clair et direct, surtout dans les moments cl&#233;s de l&#8217;exp&#233;rience utilisateur.</p><h4>Ce qu&#8217;en dit V&#233;ronique</h4><blockquote><p>Le 2nd degr&#233; c&#8217;est ing&#233;rable pour moi. J&#8217;ai un coll&#232;gue avec qui je n&#8217;arrivais pas &#224; communiquer au d&#233;but, parce qu&#8217;il ne fonctionne qu&#8217;avec le 2nd degr&#233;, tout le temps. Je crois qu'il avait dit un truc du du style, &#8220;mais tu te rends compte de ce que tu viens de dire &#224; tel coll&#232;gue ? Il est mortifi&#233;, il est d&#233;sesp&#233;r&#233; ! Tu te rends compte, tu l'as abattu l&#224; !&#8221;. Et moi j&#8217;ai fait une attaque de panique &#224; cause de &#231;a. Depuis cette fois-l&#224;, il a fait quelque chose que j'ai trouv&#233; fantastique. Il m'a dit &#8220;V&#233;ronique, je vais faire une pancarte 2nd degr&#233;&#8221;. Il n'a pas fait une vraie pancarte 2nd degr&#233;. Mais &#224; chaque fois qu&#8217;il fait du 2nd degr&#233;, il fait un geste comme pour dire &#8220;j&#8217;ai ma pancarte&#8221;. &#199;a me permet de savoir.</p></blockquote><h4>Exemple en design</h4><p>Dans un message de fin de parcours, on pourrait vouloir d&#233;dramatiser la situation avec humour. Mais il y a un temps pour tout. Quand &#231;a ne fonctionne pas comme pr&#233;vu, mieux vaut &#234;tre clair. Le <strong>ton</strong> doit s&#8217;adapter au contexte. &#192; ne pas confondre avec la <strong>voix</strong> de votre marque, qui reste constante mais n&#8217;a pas besoin d&#8217;&#234;tre appuy&#233;e &#224; chaque instant.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!BMPM!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!BMPM!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!BMPM!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!BMPM!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!BMPM!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!BMPM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg" width="1456" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:180698,&quot;alt&quot;:&quot;Oups. Quelque chose a explos&#233; ! Mais pas de panique, enfin... peut-&#234;tre un peu. Revenir &#224; l'accueil&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Oups. Quelque chose a explos&#233; ! Mais pas de panique, enfin... peut-&#234;tre un peu. Revenir &#224; l'accueil" title="Oups. Quelque chose a explos&#233; ! Mais pas de panique, enfin... peut-&#234;tre un peu. Revenir &#224; l'accueil" srcset="https://substackcdn.com/image/fetch/$s_!BMPM!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!BMPM!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!BMPM!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!BMPM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4cadb7c4-2276-4e1e-b7b1-91c859cd7292_2607x813.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Un message vague et ironique, o&#249; l&#8217;on ne sait pas ce qui s&#8217;est produit ni comment r&#233;gler le probl&#232;me.</figcaption></figure></div><h5>Recommandation</h5><p>Utilisez un langage direct et neutre. Fournissez une information claire, sans surcharger la personne de doubles sens ou de signaux contradictoires.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!StoB!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!StoB!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!StoB!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!StoB!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!StoB!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!StoB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg" width="1456" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:208207,&quot;alt&quot;:&quot;Une erreur s&#8217;est produite. Vous pouvez r&#233;essayer ou contacter notre service client. 2 boutons d&#8217;action&#8239;: R&#233;essayer / Contacter le service client&quot;,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169304036?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Une erreur s&#8217;est produite. Vous pouvez r&#233;essayer ou contacter notre service client. 2 boutons d&#8217;action&#8239;: R&#233;essayer / Contacter le service client" title="Une erreur s&#8217;est produite. Vous pouvez r&#233;essayer ou contacter notre service client. 2 boutons d&#8217;action&#8239;: R&#233;essayer / Contacter le service client" srcset="https://substackcdn.com/image/fetch/$s_!StoB!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 424w, https://substackcdn.com/image/fetch/$s_!StoB!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 848w, https://substackcdn.com/image/fetch/$s_!StoB!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!StoB!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3097888e-09b6-489b-ac1a-0f12832d9939_2607x813.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Un message clair qui explique ce qu&#8217;il s&#8217;est pass&#233; et comment r&#233;gler le probl&#232;me.</figcaption></figure></div><div><hr></div><h2>Vous avez test&#233; une de ces id&#233;es ?</h2><p>Racontez-moi comment &#231;a s&#8217;est pass&#233; ! Je suis curieuse de voir comment vous l&#8217;avez adapt&#233;e &#224; votre contexte.</p><p class="button-wrapper" data-attrs="{&quot;url&quot;:&quot;mailto:hello@iamtamara.design&quot;,&quot;text&quot;:&quot;Envoyez-moi un e-mail&quot;,&quot;action&quot;:null,&quot;class&quot;:null}" data-component-name="ButtonCreateButton"><a class="button primary" href="mailto:hello@iamtamara.design"><span>Envoyez-moi un e-mail</span></a></p><div><hr></div><h2>En savoir plus sur l&#8217;autisme</h2><ul><li><p><a href="https://www.editions-delcourt.fr/bd/series/serie-la-difference-invisible/album-la-difference-invisible">La diff&#233;rence invisible</a> : Marguerite est diff&#233;rente. Elle se sent agress&#233;e par le bruit et les bavardages incessants de ses coll&#232;gues. Lass&#233;e de cet &#233;tat, elle va partir &#224; la rencontre d'elle-m&#234;me et d&#233;couvrir qu'elle est autiste. Un roman graphique de Julie Dachez et Mademoiselle Caroline.</p></li><li><p><a href="http://www.iamtamara.design/fr/blog/autisme-tech-veronique-sermage">Autisme dans la tech</a> : l&#8217;interview compl&#232;te de V&#233;ronique Sermage sur mon blog. Elle y raconte ses difficult&#233;s, ses besoins et sa vision du validisme.</p></li><li><p><a href="https://www.radiofrance.fr/franceinter/podcasts/grand-bien-vous-fasse/grand-bien-vous-fasse-du-lundi-02-juin-2025-8555803">Pourquoi l&#8217;autisme chez les femmes est-il si peu visible ?</a> : Analyse des st&#233;r&#233;otypes, des difficult&#233;s de diagnostic et de l&#8217;impact de cette invisibilit&#233; sur leur quotidien. Une &#233;mission France Inter.</p></li><li><p><a href="https://www.youtube.com/watch?v=nHF2q8GKlZw&amp;list=PL7zO8BcF69zkgnMKOl_XhiLf0orngWL5L&amp;index=5">Comment enseigner &#224; des &#233;tudiants autistes ?</a> : Une courte vid&#233;o produite par Sciences Po sur l&#8217;approche p&#233;dagogique &#224; adopter avec des &#233;tudiants autistes.</p></li><li><p><a href="https://www.sciencespo.fr/enseignants/sites/sciencespo.fr.enseignants/files/fiche-pedagogique-autisme.pdf">Fiche d&#8217;accompagnement et de p&#233;dagogie pour les &#233;tudiants autistes &#224; haut niveau de fonctionnement</a> : Une ressource pour enseignants cr&#233;&#233;e par Sciences Po pour pallier les difficult&#233;s de leurs &#233;tudiants autistes.</p></li></ul><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Merci d'avoir lu La newsletter du design accessible ! Abonnez-vous gratuitement pour recevoir de nouveaux posts et soutenir mon travail.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Recherche inclusive]]></title><description><![CDATA[avec Gwena&#235;lle Brochoire]]></description><link>https://tamarasredojevic.substack.com/p/recherche-inclusive</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/recherche-inclusive</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Tue, 01 Jul 2025 09:31:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/5cbe8d47-7c26-462b-b0ca-0081830f7611_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Je suis ravie de vous parler de recherche utilisateur inclusive pour cette derni&#232;re &#233;dition avant la pause estivale.</p><p>Tester un service est essentiel pour en v&#233;rifier son accessibilit&#233;. Mais encore faut-il que les tests soient inclusifs. Qui recrute-t-on ? Comment ? Est-ce que des personnes handicap&#233;es ou neurodivergentes peuvent participer confortablement ? Trop souvent, des barri&#232;res apparaissent d&#232;s le formulaire d&#8217;inscription.</p><p>C&#8217;est pour explorer ces questions que j&#8217;ai rencontr&#233; <a href="https://www.linkedin.com/in/gwenaellebrochoire/?originalSubdomain=fr">Gwena&#235;lle Brochoire</a>, designer de service et co-fondatrice de l&#8217;<a href="http://oocity.co/">agence Oocity</a>. Notre &#233;change m&#8217;a beaucoup appris, et je suis ravie de partager avec vous ses m&#233;thodes, ses outils et sa posture.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!hHcm!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!hHcm!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!hHcm!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!hHcm!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!hHcm!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!hHcm!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:158630,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169204568?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!hHcm!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!hHcm!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!hHcm!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!hHcm!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F71f63787-3964-41c8-83f2-e9f60de4c1e3_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Vous pouvez <a href="http://www.iamtamara.design/fr/blog/recherche-utilisateur-inclusive">lire l&#8217;interview compl&#232;te de Gwena&#235;lle</a> sur mon blog.</p><p>La newsletter reprendra d&#233;but septembre avec une interview de V&#233;ronique Sermage sur l&#8217;autisme.</p><p>Bonne lecture et bel &#233;t&#233;,<br>Tamara</p><div><hr></div><h2>Mener une recherche inclusive (et l&#233;gale)</h2><h3>Oui, vous pouvez collecter des donn&#233;es sur le handicap</h3><p>On entend souvent qu&#8217;on ne peut pas faire de recherche avec des personnes handicap&#233;es car c&#8217;est interdit de collecter ces donn&#233;es. Ce n&#8217;est pas vrai. On peut les collecter si c&#8217;est utile &#224; l&#8217;&#233;tude. Par contre, il est interdit d&#8217;associer ces donn&#233;es &#224; une personne identifi&#233;e (par son nom, par exemple).</p><h4>Ce qu&#8217;en dit Gwena&#235;lle</h4><blockquote><p>Tu as le droit de le faire &#224; partir du moment o&#249; tu peux justifier que t'as besoin de le savoir pour ton &#233;tude. C&#8217;est l&#8217;<a href="https://www.legifrance.gouv.fr/loda/id/LEGITEXT000006068624">article 6 de la loi n&#176;78-17 du 6 janvier 1978</a>, relative &#224; l&#8217;informatique, aux fichiers et aux libert&#233;s. En r&#233;sum&#233;, on a le droit de compter les personnes concern&#233;es, mais pas d&#8217;associer leur nom &#224; une cat&#233;gorie &#8220;handicap&#8221;. Mais moi je n&#8217;ai pas fonci&#232;rement besoin que les gens s&#8217;identifient. J&#8217;ai beaucoup de mal &#224; classer les individus et les situations. Je pr&#233;f&#232;re parler de situations d&#8217;usage : voir, entendre, parler, comprendre, interagir, se d&#233;placer, etc. Tout &#231;a, &#231;a m&#8217;int&#233;resse bien plus. Surtout qu&#8217;il y a &#233;norm&#233;ment de gens qui ont des situations associ&#233;es. Donc tu ne peux pas les mettre dans une seule case.</p></blockquote><div><hr></div><h3>Interrogez les situations d&#8217;usage plut&#244;t que l&#8217;&#233;tat de sant&#233;</h3><p>Certaines personnes ne se consid&#232;rent pas handicap&#233;es malgr&#233; leurs d&#233;ficiences. C&#8217;est un choix personnel qu&#8217;il faut respecter. Mieux vaut donc s&#8217;int&#233;resser &#224; la mani&#232;re dont elles voient, entendent, comprennent, interagissent&#8230; Ce qui compte, c&#8217;est de comprendre comment elles utilisent votre service.</p><h4>Ce qu&#8217;en dit Gwena&#235;lle</h4><blockquote><p>Quand je recrute quelqu&#8217;un pour une &#233;tude, j'aime bien utiliser les questions du <a href="https://www.washingtongroup-disability.com/fileadmin/uploads/wg/Documents/Questions/French.pdf">Washington group</a>. On ne pose pas de question du style &#8220;est-ce que vous vous consid&#233;rez comme &#233;tant en situation de handicap ?&#8221;. Parce que certaines personnes te r&#233;pondront que non et arriveront pour l&#8217;&#233;tude en fauteuil roulant. Elles estiment parfois que les &#233;tudes dites "handicap" ne les concernent pas, parce qu'elles sont tr&#232;s actives, autonomes et loin des clich&#233;s qui les associent &#224; des situations de vie qui n'ont rien &#224; voir avec la leur. Donc poser la question comme &#231;a, &#231;a ne suffit pas &#224; qualifier un profil.</p></blockquote><div><hr></div><h3>Respectez les personnes dans le fond et la forme</h3><p>L&#8217;inclusion, c&#8217;est aussi penser aux conditions concr&#232;tes de participation : la logistique, l&#8217;&#233;nergie demand&#233;e et la reconnaissance de l&#8217;expertise de chacun. Une r&#233;mun&#233;ration juste est un gage de respect pour le temps et l&#8217;investissement que vous demandez.</p><h4>Ce qu&#8217;en dit Gwena&#235;lle</h4><blockquote><p>&#199;a m&#8217;arrive assez souvent qu&#8217;on vienne me voir en me disant &#8220;je veux tant de personnes aveugles&#8221; sans me pr&#233;ciser quoi que ce soit. Il faudrait envoyer quelqu&#8217;un dans un coin paum&#233; de Paris en plein hiver. On l&#8217;interrogerait pendant 1h30 et on lui filerait 30 &#8364; ? Et bien non. On ne fait pas &#231;a. Moi je veux que tout le monde soit en s&#233;curit&#233; et que chacun rentre chez soi pas plus fatigu&#233; qu&#8217;il n&#8217;en est parti. J&#8217;exag&#232;re &#233;videmment, mais c&#8217;est tr&#232;s important pour moi. On n&#8217;interroge pas les gens dans une optique &#8220;ils sont d&#233;j&#224; bien contents qu&#8217;on leur demande leur avis&#8221;. Ou encore comme j&#8217;ai d&#233;j&#224; entendu &#8220;c&#8217;est bien, &#231;a leur fait une sortie&#8221;. </p></blockquote><div><hr></div><h3>&#201;vitez les biais de g&#233;n&#233;ralisation</h3><p>En recherche utilisateur, on &#233;vite de g&#233;n&#233;raliser ce qu&#8217;on apprend d&#8217;une personne sur toutes celles qui lui ressemblent. Parfois, il ne s&#8217;agit que d&#8217;un cas isol&#233;. Si vous faites de la recherche utilisateur avec des personnes handicap&#233;es, essayez de garder cette neutralit&#233;. Il y a autant d&#8217;exp&#233;riences du handicap que de personnes concern&#233;es.</p><h4>Ce qu&#8217;en dit Gwena&#235;lle</h4><blockquote><p>Il faut rester attentif &#224; sa posture, d&#233;velopper son &#233;coute, son attention et ouvrir sa vigilance aux biais de g&#233;n&#233;ralisation. Ce n&#8217;est pas parce qu&#8217;on a fait une &#233;tude sur un sujet, qu&#8217;on a interrog&#233; tel type de personne qu&#8217;on peut d&#233;cr&#233;ter les m&#234;mes r&#233;sultats pour tout le monde.</p></blockquote><div><hr></div><h3>Interrogez l&#8217;impact &#233;motionnel de votre service</h3><p>L&#8217;exp&#233;rience utilisateur ne se limite pas &#224; l&#8217;utilisabilit&#233;. Ce qu&#8217;une personne ressent en utilisant votre service compte aussi. Ses &#233;motions, le sentiment d&#8217;&#234;tre respect&#233; ou jug&#233; influencent grandement l&#8217;accessibilit&#233; r&#233;elle d&#8217;un service.</p><h4>Ce qu&#8217;en dit Gwena&#235;lle</h4><blockquote><p>Le manque de relation humaine ou d&#8217;ouverture d&#8217;esprit cr&#233;e un sentiment de jugement ou d&#8217;infantilisation. Beaucoup de personnes disent aussi se sentir exclues par d&#233;faut, non repr&#233;sent&#233;es ou mal adress&#233;es, ce qui mine la confiance et la participation. Les personnes concern&#233;es attendent plus que de la technologie. Elles attendent du respect, du service et une v&#233;ritable prise en compte de leurs retours d&#8217;exp&#233;riences.</p></blockquote><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://www.washingtongroup-disability.com/fileadmin/uploads/wg/Documents/Questions/French.pdf">Les questions du Washington Group</a> : Un questionnaire standardis&#233; pour interroger les situations d&#8217;usage sans se focaliser sur le diagnostic m&#233;dical.</p></li><li><p><a href="https://www.linkedin.com/pulse/insights-handicap-12-actions-concr%C3%A8tes-pour-rendre-les-brochoire-xc2se/">12 actions concr&#232;tes pour rendre les &#233;tudes vraiment inclusives</a> : Des conseils pratiques pour am&#233;liorer l&#8217;inclusion des personnes handicap&#233;es dans votre recherche utilisateur, par Gwena&#235;lle Brochoire.</p></li><li><p><a href="https://www.paris-web.fr/2025/conference/handicap-et-recherche-utilisateur-des-normes-a-lexperience-reelle">Handicap et recherche utilisateurice, des normes &#224; l&#8217;exp&#233;rience r&#233;elle</a> : Un retour d&#8217;exp&#233;rience pour d&#233;passer les normes, pour une recherche plus respectueuse et adapt&#233;e, par Justine Nicol.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Déconstruire le validisme]]></title><description><![CDATA[Avec Charlotte Puiseux]]></description><link>https://tamarasredojevic.substack.com/p/deconstruire-validisme-design</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/deconstruire-validisme-design</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Sat, 31 May 2025 23:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/a8a574c2-d62a-49e3-95e9-c11ce8cec759_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde ! Avant de passer au sujet du mois, quelques actus :</p><ul><li><p>Le replay de mon talk <a href="https://peertube.designersethiques.org/w/byW8nFhrwyjiUgh2KqA9kR">Accessibilit&#233; &amp; inclusion, au-del&#224; de la conformit&#233;</a> est en ligne. C&#8217;&#233;tait en janvier dernier dans l&#8217;antenne rennaise de Designers &#201;thiques.</p></li><li><p>J&#8217;&#233;tais aux UX Days pour animer mon atelier <a href="https://www.iamtamara.design/fr/accessibility-deck">Accessibilit&#233;, jouez la bonne carte</a>. Si vous n&#8217;avez pas pu venir, vous pouvez t&#233;l&#233;charger le jeu de cartes gratuitement sur mon site et animer votre propre atelier.</p></li><li><p>Le 10 juin &#224; Paris, je participe &#224; une <a href="https://my.weezevent.com/changer-les-codes-devenir-alliee-face-aux-discriminations-en-entreprise">table ronde organis&#233;e par leboncoin</a>, aux c&#244;t&#233;s d&#8217;Emmanuelle Aboaf pour parler des discriminations au travail. L&#8217;&#233;v&#232;nement est accessible et les fonds iront &#224; une asso qui soutient les personnes trans.</p></li><li><p>J&#8217;anime de nouveau mon atelier <em>Accessibilit&#233;, jouez la bonne carte</em> &#224; Flupa Tours le 12 juin &#8211; <a href="https://www.eventbrite.fr/e/flupa-tours-accessibilite-jouez-la-bonne-carte-tickets-1384230523759?aff=ebemoffollowpublishemail&amp;ref=eemail&amp;utm_campaign=following_published_event&amp;utm_content=follow_notification&amp;utm_medium=email&amp;utm_source=eventbrite">inscription ici</a>.</p></li><li><p>Et le 25 juin, je serai &#224; <a href="https://www.a11yparis.org/2025">A11y Paris</a> pour assister aux talks &#8211; notamment celui d&#8217;Anne-Sophie Tranchet sur l&#8217;accessibility ops.</p></li></ul><p>Ce mois-ci, pas d&#8217;interview d&#8217;une experte de la tech, mais une conversation forte avec Charlotte Puiseux &#8211; psychologue, docteure en philosophie, militante des D&#233;valideuses et autrice du livre <em>De chair et de fer</em>.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!DdwE!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!DdwE!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!DdwE!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!DdwE!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!DdwE!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!DdwE!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:418169,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169204572?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!DdwE!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!DdwE!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!DdwE!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!DdwE!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F55e94e7c-33d0-44cc-bb4e-cc734383c25a_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">Charlotte Puiseux pour La Manche Libre</figcaption></figure></div><p>Dans notre &#233;change, Charlotte m&#8217;a parl&#233; de validisme, des r&#233;seaux sociaux, de capitalisme, et du sentiment d&#8217;ins&#233;curit&#233; que provoque le num&#233;rique quand il est pens&#233; sans les personnes handicap&#233;es.</p><p>Cette discussion m&#8217;a fait r&#233;fl&#233;chir autrement &#224; nos pratiques en design et en accessibilit&#233;.</p><p>J&#8217;en ai tir&#233; une s&#233;rie de questions &#224; vous poser &#8211; et que vous pouvez poser &#224; vos coll&#232;gues &#8211; pour penser l&#8217;accessibilit&#233; au-del&#224; des standards. Parce qu&#8217;on peut respecter le RGAA &#224; la lettre, mais si on ignore les logiques d&#8217;exclusion plus profondes, on passe &#224; c&#244;t&#233; de l&#8217;essentiel.</p><p>Vous pouvez lire <a href="http://www.iamtamara.design/fr/blog/deconstruire-validisme">l&#8217;interview compl&#232;te de Charlotte sur mon blog</a>.</p><p>Bonne lecture,<br>Tamara.</p><div><hr></div><h2>Et si le probl&#232;me n&#8217;&#233;tait pas que technique ?</h2><h3>&#202;tre absent ne veut pas dire &#8220;pas concern&#233;&#8221;</h3><p>Si les personnes handicap&#233;es n&#8217;utilisent pas nos services, est-ce qu&#8217;on peut en conclure qu&#8217;elles n&#8217;en ont pas besoin ? Ou est-ce qu&#8217;on a juste &#233;chou&#233; &#224; les rendre accessibles ?</p><h4>Ce qu&#8217;on peut faire</h4><ul><li><p>Int&#233;grer des personnes jamais incluses jusque-l&#224; dans les tests &#8211; avec une vraie compensation.</p></li><li><p>Toujours se demander : &#8220;Qui est laiss&#233; de c&#244;t&#233; ici, et pourquoi ?&#8221;</p></li></ul><h4>Ce qu&#8217;en dit Charlotte</h4><blockquote><p>Sur cette question d&#8217;accessibilit&#233;, on tourne en rond depuis des d&#233;cennies parce que la France reste persuad&#233;e que les personnes handicap&#233;es doivent aller dans des institutions sp&#233;cialis&#233;es. Donc &#231;a sert d'excuse pour ne pas investir dans la mise en accessibilit&#233; des lieux publics communs, puisque les personnes handicap&#233;es n&#8217;y vont pas.</p></blockquote><div><hr></div><h3>Tenir compte de l&#8217;intersectionnalit&#233;</h3><p>On ne vit pas qu&#8217;une seule discrimination &#224; la fois. Nos personas prennent-ils en compte les v&#233;cus crois&#233;s ? Est-ce qu&#8217;on &#233;coute assez de voix diff&#233;rentes dans nos recherches ?</p><h4>Ce qu&#8217;on peut faire</h4><ul><li><p>Compl&#233;ter nos personas avec des facteurs sociaux : pr&#233;carit&#233;, isolement, discriminations crois&#233;es en pensant &#224; toutes les vuln&#233;rabilit&#233;s.</p></li><li><p>Se renseigner sur <a href="https://rfnb.ca/informer/boite-a-outils/rfnb/roue-des-privileges">la roue des privil&#232;ges</a> et les <a href="https://www.themis.asso.fr/wp-content/uploads/2023/07/Les-26-criteres-de-discrimination-interdits-par-la-loi-6.pdf">26 crit&#232;res de discrimination</a>.</p></li><li><p>Croiser nos donn&#233;es quanti avec des t&#233;moignages de personnes concern&#233;es.</p></li></ul><h4>Ce qu&#8217;en dit Charlotte</h4><blockquote><p>Le racisme cr&#233;e du handicap. Admettons, la personne n&#8217;est pas forc&#233;ment en situation de handicap, mais elle va &#234;tre confront&#233;e au racisme. Donc elle peut se retrouver en situation de handicap par la suite. Parce que peut-&#234;tre, elle travaille dans de mauvaises conditions, de fa&#231;on pr&#233;caire ou dangereuse, ce qui va lui amener des probl&#232;mes de sant&#233;. Et par exemple, elle sera moins prise au s&#233;rieux par les m&#233;decins.</p></blockquote><div><hr></div><h3>Interroger la valeur qu&#8217;on donne &#224; la performance</h3><p>Notre design r&#233;compense-t-il la rapidit&#233;, la productivit&#233;, l&#8217;efficacit&#233; &#224; tout prix ? Ou permet-il &#224; tout le monde d&#8217;avancer &#224; son rythme, sans jugement ?</p><h4>Ce qu&#8217;on peut faire</h4><ul><li><p>Ne pas associer accessibilit&#233; et lenteur ou baisse de performance.</p></li><li><p>Concevoir des interfaces qui laissent le temps de r&#233;fl&#233;chir, revenir en arri&#232;re, relire.</p></li><li><p>Prendre notre temps pour r&#233;fl&#233;chir &#224; nos conceptions, &#233;viter les erreurs et finalement am&#233;liorer notre service.</p></li></ul><h4>Ce qu&#8217;en dit Charlotte</h4><blockquote><p>Le capitalisme c'est l'id&#233;e que les corps les moins productifs sont les moins valables. Ceux qui n'arrivent pas &#224; produire le plus vite, ou le plus en termes de quantit&#233;. Une personne doit rapporter de l&#8217;argent, elle doit g&#233;n&#233;rer du profit. C'est vraiment des valeurs int&#233;rioris&#233;es qu&#8217;on a, y compris en tant que personne handicap&#233;e. On a aussi tendance &#224; se d&#233;valoriser. Parce qu'on a int&#233;rioris&#233; qu'on serait moins capables, moins productifs, moins bien. On pense qu&#8217;une entreprise ne va pas nous embaucher &#224; cause de &#231;a.</p></blockquote><div><hr></div><h3>Ne pas imposer l&#8217;adaptation</h3><p>Et si on arr&#234;tait de penser que c&#8217;est aux personnes handicap&#233;es de faire des efforts pour s&#8217;int&#233;grer ?</p><h4>Ce qu&#8217;on peut faire</h4><ul><li><p>Laisser l&#8217;utilisateur choisir ses pr&#233;f&#233;rences sans qu&#8217;il ait besoin de demander ou se justifier.</p></li><li><p>Se concentrer sur les situations d&#8217;usage, pas sur un &#233;tat de sant&#233; &#8211; qui reste une donn&#233;e sensible.</p></li></ul><h4>Ce qu&#8217;en dit Charlotte</h4><blockquote><p>On entend parfois que c&#8217;est aux personnes handicap&#233;es de s&#8217;adapter, faire des efforts et minimiser leurs difficult&#233;s. Il faut plut&#244;t r&#233;fl&#233;chir &#224; comment nous accueillir sans qu&#8217;on ait &#224; se torturer pour para&#238;tre moins handicap&#233;es. Parce que cet effort, beaucoup de personnes l&#8217;ont int&#233;rioris&#233;. Il y a cette id&#233;e qu&#8217;il ne faut pas faire de vagues, qu&#8217;il faut &#234;tre le plus discr&#232;tes possible, parler le moins possible de notre handicap. Et c&#8217;est souvent tr&#232;s dur de sortir de cette fa&#231;on de penser, de cette honte. On a honte de qui on est, de ce qu&#8217;on est, alors que c&#8217;est &#224; la soci&#233;t&#233; de nous accueillir telles qu&#8217;on est.</p></blockquote><div><hr></div><h3>Concevoir &#224; partir des besoins invisibilis&#233;s</h3><p>Quand on part des besoins les plus ignor&#233;s, on peut cr&#233;er pour tout le monde. Quels ajustements simples peuvent b&#233;n&#233;ficier &#224; un public bien plus large qu&#8217;on ne le pense ?</p><h4>Ce qu&#8217;on peut faire</h4><ul><li><p>Partir des besoins des personnes les plus &#233;loign&#233;es du num&#233;rique, d&#232;s le d&#233;but du projet.</p></li><li><p>Documenter les ajustements utiles pour tout le monde &nbsp;: contraste renforc&#233;, bouton retour visible, r&#233;sum&#233; des &#233;tapes&#8230;</p></li><li><p>Arr&#234;ter de dire &#8220;ce cas est trop marginal&#8221; : ce sont souvent ces besoins qui font progresser l&#8217;accessibilit&#233;.</p></li><li><p>S&#8217;int&#233;resser aux <a href="https://www.temesis.com/blog/introduction-a-luniversal-design/">principes de design universel</a>.</p></li></ul><h4>Ce qu&#8217;en dit Charlotte</h4><blockquote><p>Moi je dis toujours que les personnes valides aussi ont des besoins. Mais ces besoins ont &#233;t&#233; normalis&#233;s, la soci&#233;t&#233; y r&#233;pond et donc ces besoins disparaissent dans l&#8217;organisation sociale. Ils n&#8217;ont m&#234;me pas l&#8217;air d&#8217;&#234;tre des besoins. Et &#224; l&#8217;inverse, il y a des personnes qui ont des besoins dits sp&#233;cifiques, parce qu&#8217;elles sont diff&#233;rentes de ce qui a &#233;t&#233; enregistr&#233; comme norme sociale. &#199;a cr&#233;e une diff&#233;renciation entre les gens alors que tout le monde a des besoins. Simplement, pour les valides, ces besoins sont invisibilis&#233;s puisque c&#8217;est la norme.</p></blockquote><div><hr></div><h3>&#192; d&#233;couvrir</h3><ul><li><p><a href="https://www.editionsladecouverte.fr/de_chair_et_de_fer-9782348067778">De chair et de fer</a> : Les activit&#233;s qui font de nous des &#234;tres sociaux sont tr&#232;s difficilement accessibles aux personnes handicap&#233;es. Plus que les corps et les esprits, ce sont les structures sociales qui entravent leurs vies. Dans cet essai autobiographique, Charlotte Puiseux retrace cette histoire de violences et de discriminations dont elle a h&#233;rit&#233; et d&#233;crypte le syst&#232;me id&#233;ologique qui les soutient : le validisme.</p></li><li><p><a href="https://editionsatelier.com/boutique/accueil/458-en-finir-avec-les-idees-fausses-sur-le-handicap-9782708247277.html">En finir avec les id&#233;es fausses sur le handicap</a> : Un ouvrage cl&#233;, pr&#233;cis et facile d'acc&#232;s qui permet de d&#233;finir les contours d'une soci&#233;t&#233; non-validiste, sous la direction de Clara Mautalent.</p></li><li><p><a href="https://www.binge.audio/podcast/encoreheureux/et-si-votre-validisme-vous-empechait-detre-heureux">Et si votre validisme vous emp&#234;chait d&#8217;&#234;tre heureux ?</a> : Un &#233;pisode du podcast <em>Encore heureux</em> avec Mathilde Fran&#231;ois, dessinatrice et militante anti-validiste. (Transcript disponible).</p></li></ul><h4>En savoir plus</h4><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[UX et troubles psychiques]]></title><description><![CDATA[Avec Diane Havlicek]]></description><link>https://tamarasredojevic.substack.com/p/troubles-psychiques-ux</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/troubles-psychiques-ux</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Tue, 01 Apr 2025 00:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/12517281-84dc-4228-9ef7-94de88dc62cb_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Ce mois-ci, je vous propose des pistes pour prendre en compte le handicap psychique en design, et notamment les troubles bipolaire et anxieux.</p><p>J&#8217;ai rencontr&#233; Diane Havlicek &#224; Touraine Tech o&#249; elle a donn&#233; un talk passionnant sur la <a href="https://youtu.be/raBzTM8pdlg">neurodiversit&#233;</a>. S&#8217;en est suivie une conversation fascinante transform&#233;e en interview. Je vous encourage &#224; la lire en entier <a href="http://www.iamtamara.design/fr/blog/troubles-psychiques-anxieux-ux-design">sur mon blog</a> car le sujet m&#233;rite une attention particuli&#232;re.</p><p>Diane m&#8217;a aussi parl&#233; de diversit&#233; en entreprise qu&#8217;elle voit comme une richesse, mais qui ne doit pas se limiter &#224; des quotas ou du tokenisme. Ce qui compte, c&#8217;est de valoriser des comp&#233;tences et des points de vue vari&#233;s, plut&#244;t que de se focaliser uniquement sur les identit&#233;s.</p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h2>All&#233;gez la charge cognitive</h2><p>Certaines personnes peuvent avoir des difficult&#233;s de concentration, notamment quand on est sous traitement m&#233;dical ou qu&#8217;on a un trouble psychique. Pour faciliter la lecture et la compr&#233;hension :</p><ul><li><p>Privil&#233;giez des r&#233;sum&#233;s clairs, avec la possibilit&#233; d&#8217;approfondir si n&#233;cessaire.</p></li><li><p>Structurez l&#8217;information en utilisant des titres, des listes et des paragraphes courts.</p></li><li><p>Limitez le contenu dense d&#8217;un seul bloc, qui peut &#234;tre difficile &#224; assimiler.</p></li></ul><h3>Ce qu&#8217;en dit Diane</h3><blockquote><p>J&#8217;ai une fen&#234;tre d'attention relativement courte. J&#8217;ai besoin d&#8217;avoir acc&#232;s &#224; des r&#233;sum&#233;s de l&#8217;information et la possibilit&#233; d&#8217;explorer plus en d&#233;tails s&#8217;il le faut. Je pense que &#231;a peut &#234;tre li&#233; &#224; mes troubles, ou peut-&#234;tre &#224; mes m&#233;dicaments. Mais &#231;a peut &#234;tre difficile de se concentrer.</p></blockquote><div><hr></div><h2>&#201;vitez les surprises</h2><p>Les sons et images impr&#233;vus peuvent &#234;tre d&#233;stabilisants et provoquer de l&#8217;anxi&#233;t&#233;, notamment chez les utilisateurs avec un trouble psychique. Quelques recommandations :</p><ul><li><p>&#201;vitez les animations ou sons d&#233;clench&#233;s automatiquement.</p></li><li><p>Supprimez les pop-ins intrusifs qui interrompent l&#8217;exp&#233;rience sans avertissement.</p></li><li><p>Pr&#233;venez avant un changement important (ouverture d&#8217;une nouvelle page, lecture automatique d&#8217;un m&#233;dia&#8230;).</p></li></ul><h3>Ce qu&#8217;en dit Diane</h3><blockquote><p>Une autre chose aussi qui me met en difficult&#233;, ce sont les trucs qui apparaissent tout seul. C&#8217;est particuli&#232;rement emb&#234;tant. Ou un site qui fait du bruit, moi je ferme &#231;a imm&#233;diatement.</p></blockquote><div><hr></div><h2>Offrez des interactions flexibles</h2><p>Les personnes vivant avec un trouble de l&#8217;humeur peuvent &#234;tre tr&#232;s affect&#233;es par la notion de regret. Pour r&#233;duire ce stress, permettez-leur d&#8217;annuler ou de modifier certaines actions :</p><ul><li><p>Achats</p></li><li><p>R&#233;servations</p></li><li><p>Rendez-vous</p></li><li><p>Publications</p></li><li><p>Envois d&#8217;e-mails ou de messages</p></li></ul><h3>Ce qu&#8217;en dit Diane</h3><blockquote><p>Il y a une notion de regret. Je regrette d&#8217;avoir post&#233; quelque chose que je ne pensais pas par exemple. Des regrets tr&#232;s profonds parfois. &#199;a peut aussi se passer sur des interfaces d&#8217;e-commerce o&#249; je ne peux pas annuler ce que je viens de faire, comme un achat. J&#8217;ai besoin de pouvoir revenir sur mes choix.</p></blockquote><div><hr></div><h2>Rassurez avec des interfaces apaisantes</h2><p>Des interfaces trop charg&#233;es ou des messages agressifs peuvent empirer l&#8217;anxi&#233;t&#233; des utilisateurs avec un handicap psychique. Pour les aider &#224; naviguer sereinement, privil&#233;giez :</p><ul><li><p>Une explication claire des &#233;tapes d&#8217;un processus (achat, prise de rendez-vous&#8230;)</p></li><li><p>Des messages d&#8217;erreur bienveillants et sans culpabilisation</p></li><li><p>Une sauvegarde automatique pour &#233;viter la peur de perdre son travail</p></li></ul><h3>Ce qu&#8217;en dit Diane</h3><blockquote><p>J'ai plusieurs choses qui me mettent en difficult&#233;, par exemple la violence des messages. &#199;a peut juste &#234;tre un &#8220;attention&#8221; &#233;crit un peu trop gros, ou alors un texte qui fait semblant que je vais faire une grosse erreur alors que ce n'est pas forc&#233;ment le cas. Non, c&#8217;est peut-&#234;tre tout simplement ce que j&#8217;ai envie de faire. Dans les services num&#233;riques, il y a parfois une danger zone o&#249; on te dit &#8220;attention, attention, si tu cliques ici, c&#8217;est irr&#233;versible, tu vas tout supprimer&#8221;. Ce sont des messages un peu perturbants qui me parasitent. J&#8217;ai juste besoin qu&#8217;on m&#8217;explique simplement les choses et qu&#8217;on me permette de revenir en arri&#232;re pendant une p&#233;riode raisonnable.</p></blockquote><div><hr></div><h2>N&#8217;oubliez pas qui est vraiment votre utilisateur final</h2><p>Les personnes avec un trouble bipolaire (ou autre handicap psychique) peuvent &#234;tre sous curatelle ou tutelle, ce qui limite leur acc&#232;s &#224; une carte bancaire. Sur une plateforme de prise de rendez-vous, un acc&#232;s limit&#233; &#224; un compte unique avec paiement en ligne obligatoire peut donc leur compliquer la t&#226;che.</p><h3>Ce qu&#8217;en dit Diane</h3><blockquote><p>&#199;a ne me concerne pas, mais il faut aussi penser que des personnes qui ont mon trouble peuvent &#234;tre sous curatelle ou tutelle. Ces personnes n'ont pas acc&#232;s &#224; une carte bancaire et peuvent &#234;tre amen&#233;es &#224; demander &#224; ce qu'on fasse des d&#233;marches pour elles et eux. Quand on design un site web, il faut du coup se demander si l'utilisateur du site est bien la personne finale, et si possible, limiter les besoins de carte bancaire quand on peut proposer des services gratuits.&#8205;</p></blockquote><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://www.babelio.com/livres/Forney-Une-case-en-moins--La-depression-Michel-Ange-et-m/538167">Une case en moins</a> : A l'&#226;ge de trente ans, Ellen Forney apprend qu'elle est bipolaire. La dessinatrice encha&#238;ne les p&#233;riodes d'euphorie cr&#233;atrice et les longs moments de d&#233;pression. Une case en moins est le r&#233;cit de cette gu&#233;rison, entre les s&#233;ances de psychoth&#233;rapie, l'introspection et l'exercice de la bande dessin&#233;e.</p></li><li><p><a href="https://www.konbini.com/partenaires/video-speech-mon-quotidien-en-tant-que-bipolaire/">Mon quotidien en tant que personne bipolaire</a> : Marine Panzani raconte son quotidien en tant que bipolaire dans cette courte vid&#233;o et r&#233;pond notamment &#224; la phrase qu&#8217;on entend souvent &#171; On est tous un peu bipolaire. &#187;</p></li><li><p><a href="https://fr.wikipedia.org/wiki/Goupil_ou_face">Goupil ou face</a> : &#192; l'aide d'un petit renard, une all&#233;gorie de la cyclothymie, la b&#233;d&#233;iste Lou Lubie y d&#233;crit son exp&#233;rience de bipolarit&#233;, tout en fournissant des informations scientifiques sur sa maladie.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Écoconception et accessibilité]]></title><description><![CDATA[Avec La&#239;la Tamani]]></description><link>https://tamarasredojevic.substack.com/p/ecoconception-accessibilite</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/ecoconception-accessibilite</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Mon, 31 Mar 2025 23:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/79b510ed-d837-41b7-8d9c-cfa8961dd0be_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde, </p><p>Dans cet &#233;pisode de Salut Les Designers, je raconte mon parcours, ma vision du design id&#233;al et pourquoi le design est politique. L&#8217;&#233;pisode est dispo sur <a href="https://open.spotify.com/episode/5fhtTUIIdEPz4LKDffthwR?si=f975c0d14d5547f5">Spotify</a>, <a href="https://podcasts.apple.com/fr/podcast/sld-32-tamara-sredojevic-accessibilit%C3%A9-et-product-design/id1572173012?i=1000698855089">Apple Podcasts</a>, <a href="https://music.youtube.com/podcast/6MUIvcMxHa0">YouTube</a> et <a href="https://soundcloud.com/agence-lunaweb/sld-32-tamara-sredojevic-accessibilite-et-product-design-un-bon-design-cest-un-design-qui-nexclut-personne">Soundcloud</a> ainsi que sur le site de <a href="https://salutlesdesigners.lunaweb.fr/episodes/tamara-sredojevic">Salut Les Designers</a>. Si vous pr&#233;f&#233;rez lire le transcript, il est disponible sur le site de <a href="https://www.lunaweb.fr/actualites/podcasts/sld-32-tamara-sredojevic-accessibilite-et-product-design/">Lunaweb</a>, qui m&#8217;avait gentiment accueillie pour l&#8217;enregistrement.</p><p>Ce mois-ci, je vous propose d&#8217;explorer les liens entre &#233;coconception et accessibilit&#233;. Pour ce sujet, j&#8217;ai &#233;chang&#233; avec La&#239;la Tamani, product designer sp&#233;cialis&#233;e en &#233;coconception et num&#233;rique responsable.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!uZb4!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!uZb4!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!uZb4!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!uZb4!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!uZb4!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!uZb4!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:108087,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169204577?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!uZb4!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!uZb4!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!uZb4!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!uZb4!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9339302d-7aab-4d07-810c-c9d5924e0b86_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Ensemble, nous avons abord&#233; :</p><ul><li><p>L&#8217;&#233;coconception comme levier pour aligner travail et valeurs</p></li><li><p>Son impact sur la conception durable et l&#8217;&#233;cologie au sens large</p></li><li><p>La pression sur les professionnels de la tech, et notamment les femmes</p></li><li><p>Le r&#244;le cl&#233; des communaut&#233;s de designers</p></li></ul><p>Retrouvez ici 5 astuces issues de notre &#233;change ou <a href="http://www.iamtamara.design/fr/blog/ecoconception-accessibilite-numerique-responsable">l&#8217;interview compl&#232;te sur mon blog</a>.</p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h2>Interrogez toujours l&#8217;utilit&#233; d&#8217;un contenu</h2><p>Chaque &#233;l&#233;ment d&#8217;une interface a un co&#251;t en charge cognitive et en impact environnemental. Supprimer le superflu simplifie l&#8217;exp&#233;rience et r&#233;duit la consommation de ressources. Donc avant d&#8217;ajouter un contenu, demandez-vous s&#8217;il est vraiment n&#233;cessaire.</p><h3>Ce qu&#8217;en dit La&#239;la</h3><blockquote><p>Il faut toujours interroger l&#8217;utilit&#233; d&#8217;un contenu, que ce soit une image ou une vid&#233;o. En accessibilit&#233;, on parle beaucoup de langage clair. J&#8217;ai l&#8217;impression qu&#8217;il y a aussi cette notion de sobri&#233;t&#233;. Il faut moins de contenu, plus de structure, que ce soit facile &#224; naviguer, rapide. Je pense qu&#8217;avec une approche d&#8217;UX design, on fait d&#233;j&#224; de l&#8217;&#233;coconception quand on r&#233;pond au besoin de son utilisateur. C&#8217;est la r&#232;gle des 3U (utile, utilisable et utilis&#233;), et &#231;a rejoint totalement l&#8217;&#233;coconception et l&#8217;accessibilit&#233;. C&#8217;est comme &#231;a qu&#8217;on devrait construire nos services num&#233;riques.</p></blockquote><div><hr></div><h2>R&#233;duisez la taille de vos m&#233;dias</h2><p>Le poids des images ou vid&#233;os peut impacter la performance du site, son empreinte carbone et son accessibilit&#233;. Un site trop lent devient inutilisable, surtout avec une connexion limit&#233;e, un forfait mobile restreint ou un appareil peu performant. Et si les images ne s&#8217;adaptent pas bien au zoom ou aux &#233;crans, elles peuvent nuire &#224; la lisibilit&#233;. Il vaut donc mieux les compresser et choisir des formats optimis&#233;s.</p><h3>Ce qu&#8217;en dit La&#239;la</h3><blockquote><p>On peut penser qu&#8217;une vid&#233;o c&#8217;est pas grand chose. Mais quand c&#8217;est utilis&#233; 1000 fois, 10 000 fois, 1 million de fois&#8230; C&#8217;est peut &#234;tre que 10 kilo-octets d'&#233;conomies par visite, mais c&#8217;est multipli&#233; par 1 million. Au bout d&#8217;un moment, ces efforts p&#232;sent dans la balance. C&#8217;est &#231;a l&#8217;int&#233;r&#234;t.</p></blockquote><div><hr></div><h2>N&#8217;ayez pas peur de ralentir pour bien documenter</h2><p>La documentation est une &#233;tape essentielle de la conception. Elle permet de partager avec les &#233;quipes ce qui a &#233;t&#233; fait, pourquoi, et comment utiliser ou d&#233;velopper l&#8217;interface. Mais c&#8217;est aussi un moment cl&#233; pour prendre du recul et formuler clairement l&#8217;int&#233;r&#234;t de nos choix.</p><p>C&#8217;est parfois en r&#233;digeant la notice d&#8217;un composant qu&#8217;on d&#233;tecte une faille. Ce temps de r&#233;flexion est indispensable pour &#233;viter des erreurs co&#251;teuses en ressources et en accessibilit&#233;, et ainsi adopter une d&#233;marche d&#8217;&#233;coconception et d&#8217;accessibilit&#233;.</p><h3>Ce qu&#8217;en dit La&#239;la</h3><blockquote><p>On accumule trop de dettes techniques et &#231;a complexifie nos syst&#232;mes. &#192; force d&#8217;aller vite, de rajouter des couches et des couches, &#231;a devient une usine &#224; gaz. Si tu veux changer un bouton, ce n&#8217;est parfois pas possible parce que &#231;a casserait tout&#8230;</p></blockquote><div><hr></div><h2>Activez votre guilde de designers</h2><p>L&#8217;accessibilit&#233; et l&#8217;&#233;coconception ne doivent pas &#234;tre des combats solitaires. Mais n&#8217;attendez pas d&#8217;avoir une mission d&#233;di&#233;e pour commencer &#224; vous former et partager de bonnes pratiques. Utilisez les rituels de votre &#233;quipe (guildes, partages de ressources, conf&#233;rences) pour faire avancer ces sujets collectivement.</p><h3>Ce qu&#8217;en dit La&#239;la</h3><blockquote><p>Quand j&#8217;&#233;tais chez France T&#233;l&#233;visions, on avait une guilde de designers, et c&#8217;&#233;tait l&#8217;occasion de s&#8217;acculturer &#224; ce genre de sujets. Petit &#224; petit, j&#8217;ai &#233;t&#233; rep&#233;r&#233;e comme quelqu&#8217;un de sp&#233;cialis&#233;e dans ce domaine. Du coup &#231;a attirait les curieux et j&#8217;en ai profit&#233; pour partager ce que je savais. C&#8217;est comme &#231;a que &#231;a commence parfois. Et puis ce sont des sujets f&#233;d&#233;rateurs. &#199;a touche tous les m&#233;tiers, tous les niveaux. C&#8217;est pareil en accessibilit&#233;. &#199;a fait appel aux valeurs des gens, &#224; leur sens de la justice. Avec ces sujets, on n&#8217;a pas besoin de travailler pour une entreprise &#224; impact pour avoir l&#8217;impression de servir &#224; quelque chose de plus grand que soi.</p></blockquote><div><hr></div><h2>Ne vous fiez pas aux robots</h2><p>Les outils automatiques comme <a href="https://www.websitecarbon.com/">Website Carbon Calculator</a> pour l&#8217;&#233;coconception ou <a href="https://wave.webaim.org/extension/">Wave</a> pour l&#8217;accessibilit&#233; ne peuvent apporter qu&#8217;une estimation superficielle.</p><p>Par exemple, un robot peut signaler qu&#8217;une image n&#8217;a pas de texte alternatif, mais il ne pourra pas juger s&#8217;il est pertinent. Un logo avec l&#8217;attribut <code>alt="logo"</code> ne d&#233;clenchera pas d&#8217;erreur, alors que cette description est inutile pour un utilisateur de lecteur d&#8217;&#233;cran. Seule une analyse humaine peut v&#233;rifier si l&#8217;alternative est pertinente. C&#8217;est un peu la m&#234;me chose pour calculer l&#8217;empreinte carbone d&#8217;un site web.</p><h3>Ce qu&#8217;en dit La&#239;la</h3><blockquote><p>Je trouve que c&#8217;est int&#233;ressant comme outil pour sensibiliser les gens sur l&#8217;empreinte carbone d&#8217;un site web. Mais par contre, en termes de fiabilit&#233;, c&#8217;est assez critiqu&#233;. Personne ne sait vraiment combien de CO&#8322; est &#233;mis (ou d'eau consomm&#233;e par exemple). Tout d&#233;pend de ta connexion, ton device ou encore le pays dans lequel se trouve le serveur et son mix &#233;nerg&#233;tique. Selon que tu navigues en wifi ou en 4G, il peut y avoir 25 fois plus d&#8217;impact &#233;nerg&#233;tique. Donc personne ne peut faire ce genre de calcul avec pr&#233;cision. &#199;a me fait penser aux robots pour calculer le nombre d&#8217;erreurs d&#8217;accessibilit&#233;. On ne peut pas tout d&#233;tecter non plus avec &#231;a. &#199;a a le m&#233;rite d&#8217;&#234;tre simple et facile &#224; comprendre pour le grand public mais il ne faut pas les prendre pour argent comptant. &#199;a peut permettre de donner des &#233;l&#233;ments de comparaison, apr&#232;s une refonte par exemple.</p></blockquote><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://designersethiques.org/fr/thematiques/ecoconception/guide-d-ecoconception">Le guide d&#8217;&#233;coconception num&#233;rique</a> : Ce guide de Designers &#201;thiques pr&#233;sente des bonnes pratiques pour r&#233;aliser des services num&#233;riques &#224; l&#8217;empreinte environnementale r&#233;duite en faisant le pont avec l&#8217;accessibilit&#233;, l&#8217;&#233;conomie de l&#8217;attention ou encore la diversit&#233;.</p></li><li><p><a href="https://peertube.designersethiques.org/w/2SMANDouL5MJyx7obY88hC">Mener des actions SEO efficaces tout en diminuant son impact &#233;cologique</a> : Un webinar sur le Green SEO et l&#8217;ensemble de ses proc&#233;d&#233;s pour diminuer son impact &#233;cologique.</p></li><li><p><a href="https://www.fresquedunumerique.org/">La Fresque du Num&#233;rique</a> : Un atelier pour comprendre en &#233;quipe et de mani&#232;re ludique les enjeux environnementaux du num&#233;rique.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Être aveugle sur Internet]]></title><description><![CDATA[Avec Sylvie Duchateau]]></description><link>https://tamarasredojevic.substack.com/p/aveugle-design</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/aveugle-design</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Sat, 01 Mar 2025 00:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/0bdeafcb-8e14-48f2-9ce4-6c05f075a3f1_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Ce mois-ci, je vous partage 5 bonnes pratiques qui tiennent compte de la c&#233;cit&#233; en design. Pour cette &#233;dition, j&#8217;ai interview&#233; Sylvie Duchateau, consultante en accessibilit&#233; num&#233;rique depuis plus de 20 ans. Nous nous sommes rencontr&#233;es l&#8217;an dernier &#224; Paris Web o&#249; sa chienne guide Shiva m&#8217;avait saut&#233; dans les bras. J&#8217;en rajoute &#224; peine, mais vous voyez l&#8217;id&#233;e. Sylvie a gentiment accept&#233; de me parler de son exp&#233;rience de personne aveugle sur Internet.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!v2ov!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!v2ov!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!v2ov!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!v2ov!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!v2ov!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!v2ov!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:108834,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169204578?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!v2ov!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!v2ov!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!v2ov!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!v2ov!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3ccbbeec-1e99-436b-aec4-133fd46bc9d6_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><a href="http://www.iamtamara.design/fr/blog/aveugle-internet">Lire l&#8217;interview compl&#232;te sur mon blog</a></p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h2>R&#233;digez des alternatives textuelles pertinentes</h2><p>Les alternatives textuelles permettent aux personnes qui utilisent un lecteur d&#8217;&#233;cran (aveugles, malvoyantes ou dyslexiques) d&#8217;acc&#233;der aux informations v&#233;hicul&#233;es par les images. L&#8217;information cl&#233; reste aussi accessible en cas d&#8217;erreur de chargement de la page. Bonnes pratiques :</p><ul><li><p>Ne pr&#233;cisez pas &#171; image de &#187;, c&#8217;est inutile.</p></li><li><p>D&#233;finissez l&#8217;alternative seulement si l&#8217;image apporte une information essentielle qui n&#8217;est pas d&#233;j&#224; donn&#233;e dans le texte. Sinon, laissez-la vide (en d&#233;coratif).</p></li><li><p>Si l&#8217;image est un bouton, une ic&#244;ne ou un lien, d&#233;crivez l&#8217;action plut&#244;t que ce qu&#8217;elle repr&#233;sente.</p></li></ul><h3>Ce qu&#8217;en dit Sylvie</h3><blockquote><p>Quand je suis sur une application, mon iPhone me d&#233;crit tout et n&#8217;importe quoi. Par exemple &#8220;image de petits oiseaux avec des gens qui tournent en rond et qui se serrent la main&#8221;. Mais tu ne sais pas ce que l'image te permet de faire concr&#232;tement. J&#8217;ai besoin de savoir si c&#8217;est pour se connecter, de conna&#238;tre la fonction de l&#8217;image, mais pas forc&#233;ment que l&#8217;image repr&#233;sente des petits oiseaux.</p></blockquote><div><hr></div><h3>&#201;vitez les CAPTCHAs et les contraintes de temps</h3><p>Les actions chronom&#233;tr&#233;es compliquent l&#8217;exp&#233;rience de beaucoup de personnes, en particulier celles qui utilisent un lecteur d&#8217;&#233;cran ou qui ont un handicap moteur. Mais le probl&#232;me ne se limite pas au temps disponible.</p><p>Un <a href="https://docs.aws.amazon.com/fr_fr/waf/latest/developerguide/waf-captcha-puzzle-examples.html">CAPTCHA</a> ne peut pas &#234;tre r&#233;solu si on n&#8217;arrive pas &#224; lire le texte ou &#224; reconna&#238;tre les images &#224; l&#8217;int&#233;rieur. Quand c&#8217;est possible, privil&#233;giez la biom&#233;trie ou l&#8217;envoi d&#8217;un lien par e-mail.</p><h3>Ce qu&#8217;en dit Sylvie</h3><blockquote><p>Il faut vraiment arr&#234;ter avec les CAPTCHAs. J&#8217;ai du mal &#224; distinguer les lettres par la vocalisation. Un coup c&#8217;est une voix d&#8217;enfant, un coup c&#8217;est une voix d&#8217;adulte. &nbsp;De plus, il y a un arri&#232;re-plan sonore qui rend l&#8217;audio peu audible. Est-ce que c&#8217;est un S ou un F ? Ce n&#8217;est vraiment pas &#233;vident. Et puis parfois, on te demande quelle forme g&#233;om&#233;trique est diff&#233;rente des autres. J&#8217;ai essay&#233; de demander &#224; l&#8217;IA de me d&#233;crire les images. Alors, imaginons, il y a 4 cercles et 1 carr&#233;. Mais apr&#232;s il fallait que je trouve l&#8217;image du carr&#233; sur laquelle cliquer. Mais je n&#8217;ai jamais r&#233;ussi &#224; la trouver parce que la zone de clic n&#8217;est pas divis&#233;e en images avec des alternatives. Et puis au bout d&#8217;un moment le temps est &#233;coul&#233; donc tu recommences. Tr&#232;s souvent, on ne te laisse pas assez de temps pour faire ces choses. On te d&#233;connecte, donc il faut repartir &#224; z&#233;ro. C&#8217;est aussi tr&#232;s important pour une personne qui a un handicap moteur et qui saisit lentement d&#8217;avoir assez de temps pour r&#233;aliser l&#8217;action.</p></blockquote><div><hr></div><h2>Donnez des titres clairs et informatifs &#224; chaque page</h2><p>Une personne qui utilise un lecteur d&#8217;&#233;cran ne peut pas se rep&#233;rer &#224; l&#8217;identit&#233; visuelle d&#8217;un site. Le titre de la page (qui s&#8217;affiche dans l&#8217;onglet du navigateur) est donc un rep&#232;re essentiel. Il doit indiquer clairement sur quelle page et quel site on se trouve.</p><p>Exemple : Blog - Tamara Sredojevic.</p><p>C&#8217;est important de sp&#233;cifier le nom du site &#224; chaque fois, car on n&#8217;arrive pas forc&#233;ment sur un site par sa page d&#8217;accueil.</p><h3>Ce qu&#8217;en dit Sylvie</h3><blockquote><p>Dans mes s&#233;ances de sensibilisation, je s&#233;pare les gens en deux groupes, un qui utilise un lecteur d'&#233;cran et l&#8217;autre qui suit avec les yeux. Je demande au groupe qui ne regarde pas l&#8217;&#233;cran de me dire sur quel site on est. C&#8217;est impossible si le titre de la page est juste intitul&#233; &#8220;connexion&#8221;. Donc je leur demande : &#8216;vous savez sur quel site on est ? Et bien moi non plus !&#8217; Donc voil&#224; le probl&#232;me, si vous ne mettez pas un titre correct &#224; votre page. Et le logo c&#8217;est pareil. Les personnes voyantes reconnaissent le logo du site. Moi, si l&#8217;alternative de l&#8217;image me dit juste &#8216;logo&#8217;, je ne sais pas o&#249; je suis.</p></blockquote><div><hr></div><h2>Indiquez quoi chercher, pas o&#249; chercher</h2><p>Quand on utilise une plage braille, on n&#8217;a pas de vue d&#8217;ensemble de la page. On lit par zones de texte qui varient entre 12 et 80 caract&#232;res, selon la taille de la plage braille. C&#8217;est pourquoi il vaut mieux indiquer le texte &#224; chercher que l&#8217;endroit o&#249; il se trouve.</p><p>Les personnes qui utilisent un lecteur d&#8217;&#233;cran peuvent parcourir la page par titres ou par liens, comme on le ferait en balayant un texte des yeux plut&#244;t qu&#8217;en lisant tout. Ces intitul&#233;s doivent donc &#234;tre clairs et informatifs car c&#8217;est &#224; &#231;a qu&#8217;on se fie pour d&#233;cider si on va lire le paragraphe, avec ou sans lecteur d&#8217;&#233;cran.</p><h3>Ce qu&#8217;en dit Sylvie</h3><blockquote><p>Sur ma plage braille, tu as une ligne de 40 caract&#232;res. &#192; la fin des 40 caract&#232;res, j&#8217;appuie sur un bouton pour afficher la suite de la phrase. Pour moi, du texte en braille c&#8217;est comme un &#233;cran ferm&#233; o&#249; il n&#8217;y a que 40 caract&#232;res &#224; la fois. Je ne sais pas ce qu&#8217;il y a autour de ce texte. Si on me dit &#8220;c&#8217;est en haut&#8221; ou &#8220;&#224; droite&#8221;, &#231;a ne veut rien dire. Par contre, si on me dit que l&#8217;intitul&#233; du bouton que je cherche c&#8217;est &#8220;valider&#8221;, dans ce cas, je peux le trouver avec une recherche de texte.</p></blockquote><div><hr></div><h2>Pensez l&#8217;exp&#233;rience au-del&#224; de l&#8217;interface</h2><p>Cr&#233;er des services inclusifs, ce n&#8217;est pas seulement rendre une interface accessible. L&#8217;exp&#233;rience utilisateur continue dans le monde physique. Un service peut &#234;tre inutilisable si les &#233;tapes apr&#232;s la navigation en ligne ne sont pas adapt&#233;es aux personnes en situation de handicap.</p><p>Par exemple, un remboursement envoy&#233; par ch&#232;que oblige une personne &#224; se rendre dans sa banque. Mais si l&#8217;automate ne parle pas et que l&#8217;accueil ne peut pas aider en toute confidentialit&#233;, le parcours devient un vrai casse-t&#234;te pour une personne aveugle. Un virement bancaire aurait &#233;t&#233; bien plus simple. M&#234;me si cette action ne d&#233;pend pas de votre p&#233;rim&#232;tre, essayez de cr&#233;er des liens avec les &#233;quipes concern&#233;es pour une exp&#233;rience vraiment accessible de bout en bout.</p><h3>Ce qu&#8217;en dit Sylvie</h3><blockquote><p>Il y a une assurance qui propose un contrat pour les chiens guides mais l&#8217;assurance te renvoie un ch&#232;que pour te rembourser. Donc, toi, en tant qu&#8217;aveugle, tu dois aller &#224; la banque et remettre ton ch&#232;que. Sauf que &#231;a ne se fait plus au comptoir. Il faut passer par l&#8217;automate qui ne parle pas. Donc tu dois demander &#224; la personne au comptoir de t&#8217;aider, il n&#8217;y a aucune confidentialit&#233; &#233;videmment. Si &#231;a se trouve elle met le ch&#232;que dans l&#8217;enveloppe, ou pas. Tu ne sais pas. Un parcours utilisateur, &#231;a ne s&#8217;arr&#234;te pas &#224; l&#8217;interface en ligne. Et quand j&#8217;ai remont&#233; le souci &#224; l&#8217;assurance, ils m&#8217;ont dit que c&#8217;&#233;tait un probl&#232;me de logiciel, qu&#8217;il faudrait le reprogrammer et que &#231;a prendrait du temps &#224; r&#233;aliser. Je ne sais pas s&#8217;ils se rendent compte que c&#8217;est nous qui avons le plus de mal &#224; nous faire rembourser &#224; cause de ces d&#233;marches compliqu&#233;es !</p></blockquote><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://www.france.tv/france-5/a-vous-de-voir/6517895-la-justice-dans-le-noir.html">La justice dans le noir</a> : un documentaire qui raconte les d&#233;marches judiciaires de deux personnes aveugles pour souligner le manque d&#8217;accessibilit&#233; de nos institutions, le besoin de prise de conscience de la soci&#233;t&#233; et la mobilisation incontournable des associations pour d&#233;fendre leurs droits.</p></li><li><p><a href="https://beta.designersethiques.org/fr/inclusion/concevoir-pour-les-deficients-visuels">Concevoir pour les personnes d&#233;ficientes visuelles</a> : le guide des Designers &#201;thiques pour exp&#233;rimenter une d&#233;marche radicale d&#8217;inclusion de l&#8217;accessibilit&#233;, d&#232;s les phases les plus en amont du projet.</p></li><li><p><a href="https://www.iamtamara.design/fr/blog/bien-rediger-alt-text">Bien r&#233;diger un alt-text</a> : les erreurs d&#8217;alt-text sont parmi les plus fr&#233;quentes en accessibilit&#233;. Moi-m&#234;me, j&#8217;ai d&#251; en corriger plusieurs sur mon portfolio apr&#232;s un audit d&#8217;accessibilit&#233;. Le sujet est donc plus complexe qu&#8217;il n&#8217;y para&#238;t. C&#8217;est pourquoi je vous propose quelques conseils pour ne plus vous tromper.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Normalisons le handicap]]></title><description><![CDATA[Avec Audrey Melotti]]></description><link>https://tamarasredojevic.substack.com/p/normaliser-handicap-design</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/normaliser-handicap-design</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Sat, 01 Feb 2025 00:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/c39fafdd-c4c8-4ea8-bb36-fa979ecea6a7_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Avant de vous pr&#233;senter le sujet du mois, j&#8217;ai une petite annonce &#224; vous partager. Je serai &#224; Nantes le 3 avril pour mon atelier &#8220;<a href="https://www.helloasso.com/associations/les-designers-ethiques/evenements/nantes-atelier-accessibilite-jouez-la-bonne-carte-tamara-sredojevic">Accessibilit&#233;, jouez la bonne carte</a>&#8221; suivi d&#8217;un talk &#8220;<a href="https://www.helloasso.com/associations/les-designers-ethiques/evenements/nante-accessibilite-et-inclusion-au-dela-de-la-conformite-t-sredojevic-2">Accessibilit&#233; &amp; inclusion, au-del&#224; de la conformit&#233;</a>&#8221;. L&#8217;&#233;v&#232;nement est organis&#233; par l&#8217;association Designers &#201;thiques, j&#8217;esp&#232;re vous y voir&#8230;</p><p>Ce mois-ci, on parle de communication inclusive, avec un focus sur le handicap (&#233;videmment). Pour trouver les 5 astuces du mois, j&#8217;ai interview&#233; <a href="https://linktr.ee/comtokawa">Audrey Melotti</a>, consultante en strat&#233;gie de communication digitale et inclusive. Elle met &#224; profit son expertise et son exp&#233;rience personnelle du handicap pour accompagner les entreprises vers plus d&#8217;inclusion.</p><p>Dans cet &#233;change, Audrey a partag&#233; des id&#233;es fortes sur la normalisation du handicap et les moyens pour les entreprises de favoriser une soci&#233;t&#233; plus inclusive. Nous avons aussi discut&#233; de militantisme, des r&#233;seaux sociaux et de la repr&#233;sentation des personnes handicap&#233;es.</p><p>Vous pouvez d&#233;couvrir son interview compl&#232;te ainsi que son lexique sp&#233;cial culture du handicap sur mon blog.</p><p><a href="http://www.iamtamara.design/fr/blog/normaliser-handicap">Lire l&#8217;interview compl&#232;te sur mon blog</a></p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h2>Communiquez clairement sur l&#8217;accessibilit&#233; de vos &#233;v&#232;nements</h2><p>Les personnes handicap&#233;es perdent beaucoup de temps &#224; chercher des informations sur l&#8217;accessibilit&#233;. Simplifiez-leur la vie en communiquant clairement sur vos am&#233;nagements d&#232;s le d&#233;part.</p><h3>Pour un &#233;v&#232;nement en ligne :</h3><ul><li><p>Sous-titres automatiques ou r&#233;dig&#233;s en live</p></li><li><p>Interpr&#232;te en Langue des Signes (LSF)</p></li><li><p>Transcript</p></li><li><p>Replay</p></li></ul><h3>Pour un &#233;v&#232;nement en pr&#233;sentiel :</h3><ul><li><p>Lieu accessible aux Personnes &#224; Mobilit&#233; R&#233;duite (PMR)</p></li><li><p>Interpr&#232;te en Langue des Signes (LSF)</p></li><li><p>Retranscription en direct (v&#233;lotypie)</p></li></ul><p>Ces am&#233;nagements montrent que vous prenez en compte les besoins de tout le monde, et permettent &#224; plus de monde de participer. Si vous ne pouvez pas les proposer, pr&#233;cisez-le avant qu&#8217;on ne vous le demande. &#199;a montre une certaine transparence et vos utilisateurs gagneront du temps.</p><h3>Ce qu&#8217;en dit Audrey</h3><blockquote><p>Je dois parfois me justifier au t&#233;l&#233;phone en parlant de mon handicap. Il n&#8217;y a aucun respect de ma vie priv&#233;e parce que c&#8217;est vu comme quelque chose d&#8217;anormal. Tout le monde pense que c&#8217;est rare, que <a href="https://www.iamtamara.design/fr/blog/defendre-accessibilite-arguments#:~:text=Il%20y%20a%20plus%20de%20personnes%20handicap%C3%A9es%20qu%27on%20ne%20le%20pense">&#231;a ne touche pas tant de personnes que &#231;a</a>, mais c&#8217;est compl&#232;tement faux ! C&#8217;est juste que les personnes concern&#233;es n&#8217;ont pas que &#231;a &#224; faire d&#8217;appeler pour avoir ce genre d&#8217;informations. Du coup &#231;a les exclut automatiquement.</p></blockquote><div><hr></div><h2>Repr&#233;sentez le handicap de fa&#231;on juste</h2><p>Si vous faites des photos d&#8217;entreprise, et avec l&#8217;accord de la personne concern&#233;e, vous pouvez inclure des &#233;l&#233;ments qui font partie de son quotidien, comme les <a href="https://bienetreautiste.com/collections/stim-toys">fidget toys</a>. Ces objets sont utilis&#233;s par certaines personnes autistes, anxieuses ou ayant des difficult&#233;s de concentration. Ils aident &#224; g&#233;rer le stress gr&#226;ce &#224; une distraction sensorielle ou &#233;motionnelle.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!On9b!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!On9b!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 424w, https://substackcdn.com/image/fetch/$s_!On9b!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 848w, https://substackcdn.com/image/fetch/$s_!On9b!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!On9b!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!On9b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:660,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Fidget toy en forme de spinner&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Fidget toy en forme de spinner" title="Fidget toy en forme de spinner" srcset="https://substackcdn.com/image/fetch/$s_!On9b!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 424w, https://substackcdn.com/image/fetch/$s_!On9b!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 848w, https://substackcdn.com/image/fetch/$s_!On9b!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!On9b!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F3aaa9b79-4c9e-4be2-b79d-bb5a3495f086_1200x998.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p>Vous pouvez g&#233;n&#233;raliser cette id&#233;e en proposant &#224; toute l&#8217;&#233;quipe d&#8217;&#234;tre photographi&#233; avec un objet repr&#233;sentatif de son quotidien, handicap ou pas. &#199;a refl&#232;te la diversit&#233; des parcours et des besoins.</p><p>En montrant ces d&#233;tails, le handicap n&#8217;est plus per&#231;u comme une barri&#232;re, mais comme une caract&#233;ristique parmi d&#8217;autres.</p><h3>Ce qu&#8217;en dit Audrey</h3><blockquote><p>L&#8217;inclusion, ce n&#8217;est pas juste mettre la photo d&#8217;une personne en fauteuil sur son site. Il faut penser &#224; tous les types de handicap pour &#233;viter les clich&#233;s. Par exemple, on peut repr&#233;senter le handicap invisible dans la r&#233;alit&#233; de ce que c&#8217;est pour quelqu&#8217;un de concern&#233; au quotidien. Parce que quand on dit invisible, c&#8217;est pas tout &#224; fait juste. C&#8217;est parfois subtil, mais pas vraiment invisible. Par exemple, pour des photos d&#8217;&#233;quipe, on peut laisser les&nbsp;<a href="https://bienetreautiste.com/collections/stim-toys">fidget toys</a>&nbsp;pos&#233;s sur un bureau. Ce genre de photos, &#231;a peut faire partie des strat&#233;gies de normalisation du handicap. Ce sont des repr&#233;sentations justes, sans en faire des caisses.</p></blockquote><div><hr></div><h2>R&#233;pondez toujours aux commentaires n&#233;gatifs</h2><p>Quand on vous signale un probl&#232;me d&#8217;accessibilit&#233;, notamment sur les r&#233;seaux sociaux, il faut toujours r&#233;pondre de fa&#231;on honn&#234;te. Quelques astuces &#224; garder en t&#234;te :</p><ul><li><p>Ne supprimez pas les commentaires n&#233;gatifs et ne les ignorez pas. &#199;a montre aux gens qui vous lisent que vous &#234;tes &#224; l&#8217;&#233;coute et pr&#234;t &#224; am&#233;liorer la situation.</p></li><li><p>Assumez vos erreurs et pr&#233;sentez vos excuses.</p></li><li><p>Si vous n'avez pas de r&#233;ponse imm&#233;diate, dites que vous allez enqu&#234;ter et reviendrez rapidement vers la personne.</p></li><li><p>Remontez toujours le probl&#232;me en interne pour le traiter s&#233;rieusement.</p></li></ul><h3>Ce qu&#8217;en dit Audrey</h3><blockquote><p>Une grosse erreur que je vois souvent en communication, c&#8217;est la suppression des commentaires n&#233;gatifs ou le fait de ne pas y r&#233;pondre. Il ne faut vraiment pas faire &#231;a. Votre cr&#233;dibilit&#233; va en prendre un coup, ce n&#8217;est pas professionnel. &#199;a peut sugg&#233;rer que vous ne ma&#238;trisez pas votre sujet ou que vous vous en fichez. Si on vous fait une remarque pertinente ou s&#8217;il y a de la d&#233;ception, il faut r&#233;pondre. Vous devriez l&#8217;avoir pr&#233;vu dans votre ligne &#233;ditoriale. Donc on reprend ces &#233;l&#233;ments, on essaie de les humaniser pour pas qu&#8217;on ait l&#8217;impression que ce soit un robot qui r&#233;ponde. On n&#8217;adopte pas la strat&#233;gie de la cape d&#8217;invisibilit&#233;, &#231;a ne marche pas.</p></blockquote><div><hr></div><h2>Organisez des d&#233;marches de sensibilisation pertinentes</h2><p>Quand on veut sensibiliser au handicap, on a tendance &#224; imaginer des activit&#233;s bas&#233;es sur ce qu'on pense &#234;tre le probl&#232;me en tant que personne valide. Mais ce n&#8217;est pas ce dont les personnes handicap&#233;es ont besoin. Ces "simulations" ne refl&#232;tent pas leurs barri&#232;res avec justesse.</p><p>Pour avoir un impact, il est pr&#233;f&#233;rable d&#8217;organiser des activit&#233;s con&#231;ues par des personnes handicap&#233;es elles-m&#234;mes, des personnes directement concern&#233;es. Par exemple, une table ronde o&#249; des personnes valides &#233;coutent des personnes handicap&#233;es partager des anecdotes concr&#232;tes de leur quotidien.</p><h3>Ce qu&#8217;en dit Audrey</h3><blockquote><p>Il faut juste que les personnes valides nous &#233;coutent. &#199;a ne sert &#224; rien d&#8217;essayer de mettre les gens en situation pendant une heure avec les yeux band&#233;s. &#199;a n&#8217;a aucun sens. Ce n&#8217;est pas &#231;a l&#8217;exp&#233;rience du handicap. Ce genre d&#8217;activit&#233;s, &#231;a sert juste &#224; renforcer les st&#233;r&#233;otypes. Il suffit d&#8217;avoir un peu de bon sens, d&#8217;empathie, d&#8217;&#233;couter. L&#8217;objectif est d&#8217;adopter une &#233;coute active, comprendre et imaginer des solutions ensemble.</p></blockquote><div><hr></div><h2>Tout le monde peut participer &#224; l&#8217;inclusion et l&#8217;accessibilit&#233;</h2><p>L'inclusion et l'accessibilit&#233; ne sont pas des luttes r&#233;serv&#233;es aux personnes handicap&#233;es. Bien que ce soient elles qui vivent <a href="https://www.youtube.com/watch?v=pYe1CPN3t5Q">la discrimination, la violence et l&#8217;exclusion</a>, chaque cause a besoin d'alli&#233;s pour avancer. Des avanc&#233;es qui passent aussi par nos responsabilit&#233;s respectives, dans nos m&#233;tiers :</p><ul><li><p>UX : Inclure les personnes handicap&#233;es dans la recherche utilisateur</p></li><li><p>UI : &#201;laborer des contrastes suffisants entre les couleurs</p></li><li><p>Dev : Int&#233;grer des alt-text pour les images</p></li><li><p>Test : V&#233;rifier les annotations cod&#233;es par les devs</p></li><li><p>PM : Prendre en compte l'audit dans le cadrage d&#8217;un projet</p></li><li><p>RH : Planifier des formations r&#233;guli&#232;res pour les &#233;quipes</p></li><li><p>Com &amp; marketing : R&#233;diger des posts accessibles sur les r&#233;seaux sociaux</p></li><li><p>Juridique : Sensibiliser les &#233;quipes aux &#233;volutions l&#233;gislatives</p></li></ul><h3>Ce qu&#8217;en dit Audrey</h3><blockquote><p>Parfois c&#8217;est plus facile d&#8217;avoir des personnes qui peuvent prendre le relais.&nbsp;Par exemple, c&#8217;est int&#233;ressant quand le community manager n&#8217;est pas directement concern&#233; par la cause qu&#8217;il ou elle d&#233;fend, parce que &#231;a prot&#232;ge un peu de l&#8217;affect qu&#8217;on peut y mettre. &#199;a touche toujours, mais pas de la m&#234;me fa&#231;on. Si la cause est commune, &#231;a aussi, &#231;a normalise le handicap. Si on veut l&#8217;inclusion, on doit le faire ensemble. Et puis mettre les personnes valides &#224; l&#8217;&#233;cart de cette lutte, &#231;a va juste entretenir leur validisme.</p></blockquote><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://www.instagram.com/lactu_silencieuse/">L&#8217;actu silencieuse</a> : Le compte Instagram d&#8217;Audrey Melotti pour apprendre &#224; d&#233;construire le validisme.</p></li><li><p><a href="http://www.iamtamara.design/fr/blog/normaliser-handicap">Le lexique culture du handicap par Audrey</a> : &#224; retrouver en bas de son interview sur mon blog. Elle y d&#233;finit des termes complexes comme th&#233;orie crip, d&#233;construction ou encore handiwashing.</p></li><li><p><a href="https://linktr.ee/VariationsPodcast">Variations</a> : Le podcast du <a href="https://www.instagram.com/ostensible_collectif/">collectif Ostensible</a> o&#249; chaque &#233;pisode traite des cr&#233;ations et recherches par des personnes crips, queers, sourdes ou handicap&#233;es. Je vous recommande particuli&#232;rement l&#8217;&#233;pisode avec Lou Chavepayre. Les <a href="https://shows.acast.com/variations/about">transcripts</a> sont dispos en ligne.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Défendre l'accessibilité numérique]]></title><description><![CDATA[La newsletter du design accessible]]></description><link>https://tamarasredojevic.substack.com/p/defendre-accessibilite-arguments</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/defendre-accessibilite-arguments</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Wed, 01 Jan 2025 01:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/4ad84174-b798-4458-972f-dd169947dc4e_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Avant toute chose, je vous souhaite une excellente ann&#233;e 2025, pleine de r&#233;ussites ! Collectivement, je nous souhaite toujours plus d&#8217;inclusion. Je vous ai donc pr&#233;par&#233; une surprise &#8211; en plus de la newsletter et de l'article du mois.</p><h2>Accessibilit&#233;, jouez la bonne carte</h2><p>Vous pouvez t&#233;l&#233;charger gratuitement mon jeu de cartes pour d&#233;construire les id&#233;es re&#231;ues sur l&#8217;accessibilit&#233;. Adapt&#233; aux ateliers d&#8217;environ une heure, il se joue seul ou en groupe. <a href="http://www.iamtamara.design/fr/accessibility-deck">T&#233;l&#233;charger le jeu de cartes</a></p><h2>Rendez-vous en Bretagne</h2><p>Je serai &#224; Rennes chez Designers &#201;thiques le 30 janvier <a href="https://www.helloasso.com/associations/les-designers-ethiques/evenements/rennes-atelier-tamara-sredojevic-2?_gl=1%2ao1te0t%2a_gcl_au%2aMjEzMjgzNTE0OS4xNzMzNDk2MzMx">animer mon atelier</a> pendant la pause d&#233;jeuner. Une belle occasion de se rencontrer et de tester le jeu ensemble !<br><br>Le soir, retrouvez-moi &#224; l&#8217;&#201;clozr d&#232;s 18h30 pour un talk sur <a href="https://www.helloasso.com/associations/les-designers-ethiques/evenements/rennes-xxx-tamara-sredojevic?_gl=1%2a17jih59%2a_gcl_au%2aMjEzMjgzNTE0OS4xNzMzNDk2MzMx">l&#8217;accessibilit&#233; et l&#8217;inclusion, au-del&#224; de la conformit&#233;</a>. Il para&#238;t m&#234;me que y&#8217;aura un corgi, apportez des friandises.</p><h2>Le th&#232;me du mois : d&#233;fendre l&#8217;accessibilit&#233;</h2><p>Je vous propose ce mois-ci de r&#233;viser les arguments pour d&#233;fendre l&#8217;accessibilit&#233;. Car m&#234;me si j&#8217;aimerais que l&#8217;argument de l&#8217;empathie suffise, je sais que ce n&#8217;est pas toujours le cas.&nbsp;C&#8217;est un sujet dont j&#8217;ai parl&#233; avec Nora Goerne dans &#8220;<a href="https://www.iamtamara.design/fr/speaking#:~:text=D%C3%A9fendre%20et%20industrialiser%20l%27accessibilit%C3%A9%20en%20tant%20qu%27UX%C2%A0designers">D&#233;fendre et industrialiser l&#8217;accessibilit&#233; en tant qu&#8217;UX designers</a>&#8221; &#224; Paris Web.</p><p>L&#8217;accessibilit&#233; ne doit pas &#234;tre r&#233;duite &#224; ses avantages pour les personnes valides ou &#224; sa rentabilit&#233;. C&#8217;est avant tout une question de justice et de droits humains pour les personnes handicap&#233;es. Mais si parler d'argent peut convaincre votre interlocuteur, alors je vous mets quelques chiffres &#224; disposition.</p><p>Bonne lecture,</p><p>Tamara</p><div><hr></div><h3>On sous-estime le nombre de personnes handicap&#233;es</h3><p>Si on vous dit que les personnes handicap&#233;es ne font pas partie de la cible, vous pouvez expliquer qu&#8217;il y a plus de personnes handicap&#233;es qu&#8217;on ne le pense.</p><p>En France, 1 personne sur 7 est concern&#233;e par le handicap. Les chiffres varient (<a href="https://drees.solidarites-sante.gouv.fr/publications-communique-de-presse-documents-de-reference/panoramas-de-la-drees/241128_Panorama_Handicap2024">entre 5,7 et 18,2 millions de personnes</a>) selon les d&#233;finitions utilis&#233;es, mais une majorit&#233; de handicaps sont invisibles (ou invisibilis&#233;s) :</p><ul><li><p>&#201;pilepsie</p></li><li><p>Trouble du Spectre de l&#8217;Autisme (TSA)</p></li><li><p>Troubles dys (dyslexie, dyspraxie, etc.)</p></li><li><p>D&#233;pression</p></li><li><p>Schizophr&#233;nie</p></li><li><p>Maladie de Crohn</p></li><li><p>Diab&#232;te</p></li><li><p>Endom&#233;triose</p></li><li><p>Surdit&#233;</p></li></ul><div><hr></div><h3>Ignorer l&#8217;accessibilit&#233; peut co&#251;ter cher aussi</h3><p>Si on vous dit que l&#8217;accessibilit&#233; co&#251;te cher, vous pouvez expliquer que ne pas la respecter peut co&#251;ter encore plus cher.</p><p>Avec l&#8217;arriv&#233;e de l&#8217;Acte Europ&#233;en sur l&#8217;Accessibilit&#233; en juin 2025, les r&#232;gles deviennent plus strictes :</p><ul><li><p>En France : jusqu&#8217;&#224; 300 000 &#8364; d&#8217;amende (cumulables avec celles d&#233;j&#224; en place).</p></li><li><p>En Europe : chaque pays pourra imposer ses propres p&#233;nalit&#233;s (cumulables entre les pays).</p></li></ul><p>Cette directive concerne les entreprises :</p><ul><li><p>D&#8217;au moins 10 employ&#233;s</p></li><li><p>Dont le chiffre d&#8217;affaires d&#233;passe 2 millions d&#8217;euros</p></li></ul><p>Pour en savoir plus, je vous recommande la <a href="https://www.temesis.com/blog/synthese-des-nouvelles-reglementations-encadrant-laccessibilite-numerique-en-france/">synth&#232;se des r&#233;glementations</a> par Temesis.</p><div><hr></div><h3>L&#8217;accessibilit&#233; ne d&#233;grade pas le design</h3><p>Quand on vous dit que l&#8217;accessibilit&#233; d&#233;grade le design, vous pouvez expliquer qu&#8217;elle clarifie les informations et am&#233;liore l&#8217;exp&#233;rience utilisateur. L&#8217;accessibilit&#233;, touche une multitude de choses :</p><ul><li><p>La navigation au clavier</p></li><li><p>Le sous-titrage</p></li><li><p>Les contrastes de couleur pour bien lire un texte</p></li><li><p>Aider &#224; corriger les erreurs dans un formulaire</p></li><li><p><a href="https://www.iamtamara.design/fr/blog/langage-clair">Utiliser du langage clair</a></p></li><li><p><a href="https://www.iamtamara.design/fr/blog/bien-rediger-alt-text">Renseigner un alt-text</a></p></li></ul><p>Il ne faut pas confondre libert&#233; artistique et UX design, deux missions compl&#233;mentaires mais distinctes.</p><div><hr></div><h3>Tout le monde peut participer aux efforts d&#8217;accessibilit&#233;</h3><p>L&#8217;accessibilit&#233; est une responsabilit&#233; partag&#233;e. M&#234;me si vous ne travaillez pas dans une &#233;quipe produit, vous pouvez agir de fa&#231;on simple :</p><ul><li><p>En visio : utilisez une plateforme avec sous-titres et transcript pour inclure les <a href="https://www.iamtamara.design/fr/blog/surdite-ux-design">personnes sourdes ou malentendantes</a>.</p></li><li><p>Dans vos documents : utilisez les fonctions int&#233;gr&#233;es (listes &#224; puces, titres, colonnes) pour &#233;viter des erreurs d&#8217;accessibilit&#233;.</p></li></ul><div><hr></div><h3>L&#8217;accessibilit&#233; peut aussi g&#233;n&#233;rer des b&#233;n&#233;fices</h3><p>L&#8217;accessibilit&#233; n&#8217;est pas qu&#8217;une contrainte. C&#8217;est aussi un investissement strat&#233;gique qui permet de :</p><ul><li><p>Se d&#233;marquer de la concurrence</p></li><li><p>Toucher un nouveau march&#233;</p></li><li><p>Recruter des talents diversifi&#233;s</p></li><li><p>Renforcer sa r&#233;putation</p></li><li><p>Am&#233;liorer la qualit&#233; du service</p></li><li><p>Donner du sens &#224; nos missions</p></li><li><p>Optimiser la collaboration des &#233;quipes</p></li></ul><p>Un <a href="https://www.accenture.com/content/dam/accenture/final/a-com-migration/pdf/pdf-142/Accenture-Enabling-Change-Getting-Equal-2020-Disability-Inclusion-Report.pdf">rapport d&#8217;Accenture</a> montre que les entreprises investissant en accessibilit&#233; augmentent leurs ventes 3 fois plus vite et leurs b&#233;n&#233;fices 4 fois plus vite.</p><div><hr></div><h3>&#192; d&#233;couvrir</h3><ul><li><p><a href="http://www.iamtamara.design/fr/accessibility-deck">Accessibilit&#233;, jouez la bonne carte</a>. Un jeu pour d&#233;monter les id&#233;es re&#231;ues sur l&#8217;accessibilit&#233;. Adapt&#233; aux ateliers d&#8217;une heure, &#224; jouer seul ou en groupe.</p></li><li><p><a href="https://access42.net/gaad-2020-accessibilite-numerique-ameliorons-nos-arguments/">Accessibilit&#233; : am&#233;liorons nos arguments</a>. Un tour d&#8217;horizon des arguments pour d&#233;fendre l&#8217;accessibilit&#233; sans renforcer les id&#233;es validistes.</p></li><li><p><a href="https://www.24joursdeweb.fr/2023/fact-checking-80-des-handicaps-sont-invisibles/">Fact-checking: 80 % des handicaps sont-ils invisibles ?</a> D&#233;couvrez l&#8217;origine et la fiabilit&#233; de ce chiffre.</p></li></ul><h4>En savoir plus</h4><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Surdité et UX design]]></title><description><![CDATA[Avec Emmanuelle Aboaf]]></description><link>https://tamarasredojevic.substack.com/p/surdite-ux-design</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/surdite-ux-design</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Sun, 01 Dec 2024 00:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/e0602b4b-0673-4590-a125-318a040d5f28_943x728.jpeg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Avant de vous pr&#233;senter le th&#232;me du mois (et mon invit&#233;e), je suis fi&#232;re de vous partager le replay de &#8203;mon intervention &#224; Paris Web&#8203; avec Nora Goerne. On y parle des m&#233;thodes d&#8217;UX design pour am&#233;liorer l&#8217;accessibilit&#233; en entreprise et de l'int&#233;r&#234;t d'avoir une meute de huskies &#8211; je vous jure qu'il y a un rapport. <a href="https://www.paris-web.fr/2024/conference/defendre-et-industrialiser-laccessibilite-en-tant-quux-designer">Voir le replay de Paris Web</a>.</p><p>Apr&#232;s avoir rencontr&#233; <a href="https://www.paris-web.fr/orateurs/emmanuelle-aboaf">Emmanuelle Aboaf &#224; Paris Web</a>, j&#8217;ai voulu creuser la prise en compte de la surdit&#233; en UX design. Emmanuelle est sourde de naissance et se dit &#8220;bionique&#8221; avec ses deux implants cochl&#233;aires. D&#233;veloppeuse Fullstack Angular .NET et passionn&#233;e de tech, elle intervient dans de nombreuses conf&#233;rences pour promouvoir l&#8217;accessibilit&#233;, aussi bien dans la vie r&#233;elle que sur le web.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!bvn1!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!bvn1!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!bvn1!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!bvn1!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!bvn1!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!bvn1!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg" width="943" height="728" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:728,&quot;width&quot;:943,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:394851,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://tamarasredojevic.substack.com/i/169204584?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!bvn1!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 424w, https://substackcdn.com/image/fetch/$s_!bvn1!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 848w, https://substackcdn.com/image/fetch/$s_!bvn1!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!bvn1!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F344d540a-f2d5-4eae-bc93-1d09be87c844_943x728.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Avant notre rencontre, je connaissais mal les besoins des personnes sourdes et malentendantes sur Internet. Et c&#8217;est tout l&#8217;enjeu de l&#8217;UX Design. Plut&#244;t que de chercher &#224; am&#233;liorer une interface, il faut se poser les bonnes questions. Pourquoi on demande &#231;a &#224; l&#8217;utilisateur ? Est-ce pertinent, r&#233;aliste ? Qu&#8217;attendons-nous en retour ? Et ces r&#233;ponses, vous ne les trouverez qu&#8217;avec de la recherche utilisateur&#8230;</p><p>Comme d&#8217;habitude, cette newsletter vous propose 5 astuces &#224; retenir. Vous pouvez aussi lire l&#8217;interview compl&#232;te d&#8217;Emmanuelle sur mon blog.</p><p>Bonne lecture et bonnes f&#234;tes de fin d&#8217;ann&#233;e,<br>Tamara</p><div><hr></div><h2>N&#8217;imposez pas le num&#233;ro de t&#233;l&#233;phone dans les formulaires</h2><p>Les personnes sourdes et malentendantes privil&#233;gient souvent l&#8217;&#233;crit pour communiquer. Si le champ t&#233;l&#233;phone est facultatif ou remplac&#233; par des options comme l&#8217;e-mail ou le chat en ligne, &#231;a renforce leur autonomie et &#233;vite des situations inconfortables. Si le num&#233;ro de t&#233;l&#233;phone est indispensable, pr&#233;cisez la raison dans un sous-label (ex : double authentification).</p><h3>Ce qu&#8217;en dit Emmanuelle</h3><blockquote><p>Il faut arr&#234;ter de rendre le num&#233;ro de t&#233;l&#233;phone obligatoire. Si on me le demande, je veux savoir pourquoi. Est-ce que c&#8217;est pour m&#8217;appeler ? Parce que je ne vais pas comprendre, je serai oblig&#233;e de faire r&#233;p&#233;ter plusieurs fois, surtout si la personne au t&#233;l&#233;phone ne fait aucun effort pour se faire comprendre. C&#8217;est &#233;puisant.</p></blockquote><div><hr></div><h2>Respectez les pr&#233;f&#233;rences de communication des utilisateurs</h2><p>Lorsque vous proposez une prise de rendez-vous, respectez les pr&#233;f&#233;rences de communication de vos utilisateurs. Certaines entreprises continuent d&#8217;appeler les utilisateurs qui ont sp&#233;cifi&#233; qu&#8217;ils ne pouvaient pas r&#233;pondre au t&#233;l&#233;phone. &#199;a cr&#233;e une frustration &#233;vitable et un sentiment de non-respect.</p><h3>Comment g&#233;rer ces situations ?</h3><ul><li><p>Ajoutez un champ dans vos formulaires pour permettre aux utilisateurs de choisir leur mode de communication pr&#233;f&#233;r&#233;.</p></li><li><p>Assurez-vous que cette information soit bien prise en compte dans les processus internes.</p></li></ul><h3>Ce qu&#8217;en dit Emmanuelle</h3><blockquote><p>J&#8217;ai beau pr&#233;ciser &#8220;je suis sourde, envoyez-moi un SMS ou un e-mail&#8221; mais les gens m&#8217;appellent quand m&#234;me syst&#233;matiquement. C&#8217;est insupportable ! Il y a toute une sensibilisation &#224; faire.</p></blockquote><div><hr></div><h2>Concevez des parcours clairs</h2><p>Des interfaces simples et compr&#233;hensibles r&#233;duisent la d&#233;pendance &#224; l&#8217;aide ext&#233;rieure. Simplifier les formulaires et fournir des <a href="https://www.iamtamara.design/fr/blog/langage-clair">instructions pr&#233;cises</a> &#224; chaque &#233;tape est donc essentiel. &#199;a permet &#224; tout le monde de naviguer sereinement, en toute autonomie.</p><h3>Ce qu&#8217;en dit Emmanuelle</h3><blockquote><p>Si je ne peux pas remplir un formulaire toute seule, appeler un conseiller c&#8217;est pas une solution pour moi. En ce moment, je cherche des informations sur l&#8217;entreprenariat. Les formulaires sont incompr&#233;hensibles. Je suis oblig&#233;e de demander &#224; des gens de m&#8217;aider. Ce manque de clart&#233; me rend compl&#232;tement d&#233;pendante des autres.</p></blockquote><div><hr></div><h2>Proposez toujours un transcript</h2><p>Pour une r&#233;union, un podcast ou une vid&#233;o, proposez toujours un transcript. Si la vid&#233;o est dense ou rapide, les sous-titres ne suffisent pas toujours. Contrairement aux sous-titres, souvent simplifi&#233;s pour tenir &#224; l&#8217;&#233;cran, le transcript inclut aussi des d&#233;tails comme les noms des intervenants ou des descriptions sonores.</p><h3>Qui en b&#233;n&#233;ficie ?</h3><p>Un transcript est utile dans plein de situations et pour tout le monde :</p><ul><li><p>Quand on ne peut pas regarder ou &#233;couter une vid&#233;o avec le son (dans les transports ou une salle d'attente).</p></li><li><p>En toute situation pour les personnes sourdaveugles.</p></li></ul><h3>Un bonus pour votre contenu</h3><p>Le transcript rend vos vid&#233;os indexables par les moteurs de recherche, ce qui am&#233;liore leur visibilit&#233; en ligne. Les utilisateurs peuvent aussi s&#8217;en servir pour rechercher un passage pr&#233;cis gr&#226;ce aux mots-cl&#233;s.</p><h3>Ce qu&#8217;en dit Emmanuelle</h3><blockquote><p>Les transcriptions doivent &#234;tre propos&#233;es que ce soit en vid&#233;o ou en podcast. D&#8217;ailleurs, &#231;a rentre dans la r&#233;glementation RGAA qui dit que&nbsp;<a href="https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#4">tout contenu multim&#233;dia doit avoir une transcription textuelle</a>&nbsp;comme alternative. Quand des transcriptions ne sont pas propos&#233;es, &#231;a nous prive des connaissances que nous pourrions acqu&#233;rir.&nbsp;Quand elles sont disponibles, je suis trop contente et je n&#8217;h&#233;site pas &#224; partager avec ma communaut&#233;. Mais des fois, il m&#8217;est arriv&#233; de voir que des transcriptions &#233;taient r&#233;serv&#233;es aux abonn&#233;s. Pourquoi devons-nous donner des donn&#233;es personnelles pour acc&#233;der &#224; ces transcriptions alors que d&#8217;autres personnes peuvent &#233;couter les podcasts sans s&#8217;inscrire ? Ce n&#8217;est pas tr&#232;s &#233;galitaire.</p></blockquote><div><hr></div><h2>Proposez des alternatives aux CAPTCHA</h2><p>Les <a href="https://design.numerique.gouv.fr/articles/2024-11-28-captcha-et-accessibilite/">CAPTCHA</a> audio ou visuels posent souvent probl&#232;me. Quand les lettres sont ind&#233;chiffrables visuellement, on pourrait penser que la vocalisation est une solution. Mais en r&#233;alit&#233;, on y ajoute souvent des bruits de fond volontairement, comme des <a href="https://www.mtcaptcha.com/?utm_source=google&amp;utm_campaign=c1&amp;gad_source=1&amp;gclid=CjwKCAiAxKy5BhBbEiwAYiW--6ivRYxxVcALYzw5pkNcAkdDFe-cXi9vw76WkKVg0p1Jz2GMESnXPBoC2qcQAvD_BwE#:~:text=MTCatpcha%27s%20Accessibility%20FAQ-,Demo%20Sign%20in,-USERNAME">miaulements</a>. Ces bruits parasitent le d&#233;chiffrage, surtout pour une personne sourde ou malentendante, m&#234;me &#233;quip&#233;e d&#8217;implants cochl&#233;aires.</p><h3>Alternatives aux CAPTCHA</h3><ul><li><p>Des calculs simples, accessibles &#224; tous, y compris aux personnes ayant des troubles cognitifs ou une d&#233;ficience intellectuelle</p></li><li><p>Des <a href="https://datadome.co/fr/bot-management-protection-fr/6-methodes-plus-efficaces-que-recaptcha-pour-contrer-le-spam-sur-les-formulaires-et-sites-web/">solutions techniques</a> comme les logiciels anti-bots, la protection WAF, ou encore l&#8217;authentification multifactorielle (MFA)</p></li></ul><h3>Ce qu&#8217;en dit Emmanuelle</h3><blockquote><p>Malgr&#233; mes implants, le son de lettres diff&#233;rentes peut &#234;tre difficile &#224; distinguer pour moi. Par exemple, entre le P et le B, ou le F et le S, je n&#8217;entends pas de diff&#233;rence. Je me rep&#232;re uniquement avec le contexte. C&#8217;est pour &#231;a que c&#8217;est tr&#232;s compliqu&#233; pour moi quand on m&#8217;&#233;pelle des mots ou des chiffres, comme 6 ou 10.</p></blockquote><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://www.radiofrance.fr/franceinter/podcasts/la-chronique-de-benoit-lagane/faim-de-series-du-vendredi-14-janvier-2022-1234790">Etre sourd et muet dans une s&#233;rie, le combat est-il gagn&#233; ?</a> Dans cet &#233;pisode de podcast (avec transcript &#233;videmment), on aborde la repr&#233;sentation des personnes sourdes et / ou muettes &#224; la t&#233;l&#233;vision. Depuis Bernardo dans Zorro &#224; l&#8217;&#233;pisode sp&#233;cial d&#8217;Only Murders in the Building avec l&#8217;acteur sourd James Caverly, peut-on vraiment parler de progr&#232;s ?</p></li><li><p><a href="https://emmanuelle-aboaf.netlify.app/blog/article/peut-on-mettre-de-l-ecriture-inclusive-dans-les-sous-titres">Peut-on mettre de l&#8217;&#233;criture inclusive dans les sous-titres ?</a> Dans cet article d&#8217;Emmanuelle Aboaf, on s&#8217;int&#233;resse &#224; la perception du point m&#233;dian pour les personnes sourdes et malentendantes.</p></li><li><p><a href="https://www.youtube.com/watch?v=aNZsebsSh6E">Le hearing savior, c&#8217;est quoi ?</a> Gr&#226;ce &#224; Emmanuelle, j&#8217;ai d&#233;couvert cette vid&#233;o du rappeur Erremsi sur le hearing savior (ou &#8220;complexe du sauveur des Sourds&#8221; en fran&#231;ais). Une bonne occasion de vous faire un avis sur le point m&#233;dian dans les sous-titres.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div><p></p>]]></content:encoded></item><item><title><![CDATA[5 erreurs d'accessibilité faciles à détecter]]></title><description><![CDATA[La newsletter du design accessible]]></description><link>https://tamarasredojevic.substack.com/p/accessibilite-facile</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/accessibilite-facile</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Fri, 01 Nov 2024 01:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/f62e21dc-fb77-451f-a6d7-2695db95301a_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Il y a plein de bonnes pratiques faciles &#224; mettre en place pour am&#233;liorer l&#8217;accessibilit&#233;. Mais pour travailler de fa&#231;on strat&#233;gique, vous pouvez suivre <a href="https://design.numerique.gouv.fr/outils/jeu-de-oaa/">le jeu de l&#8217;OAA</a> (Organisation de l&#8217;Am&#233;lioration de l&#8217;Accessibilit&#233;) propos&#233; par Design Gouv.<br><br>L&#8217;une des premi&#232;res &#233;tapes est le diagnostic flash, qui permet d&#8217;&#233;valuer rapidement l&#8217;accessibilit&#233; d&#8217;un site ou d&#8217;un service en ligne. Tant que certains crit&#232;res de base ne sont pas respect&#233;s, inutile d&#8217;investir dans un audit complet de conformit&#233; au RGAA (R&#233;f&#233;rentiel g&#233;n&#233;ral d&#8217;am&#233;lioration de l&#8217;accessibilit&#233;). Le diagnostic flash est facile &#224; faire, je vous partage donc quelques crit&#232;res dans cette &#233;dition. Je pr&#233;cise que ce ne sont que des exemples et qu&#8217;il existe d&#8217;<a href="https://design.numerique.gouv.fr/outils/diagnostic-flash/">autres points &#224; v&#233;rifier</a>.<br><br>Bonne lecture,<br>Tamara</p><div><hr></div><h2>Les fichiers bureautique sont dans un format ouvert et accessibles</h2><p>Quelques param&#232;tres &#224; v&#233;rifier pour que vos fichiers soient conformes :</p><ul><li><p>si le destinataire n&#8217;a pas besoin de modifier le document, il faut utiliser le format PDF</p></li><li><p>pour diffuser un document de type texte, le format recommand&#233; est ODT</p></li><li><p>pour diffuser un document de type pr&#233;sentation, le format recommand&#233; est ODP</p></li><li><p>pour diffuser un document de type feuille de calcul, le format recommand&#233; est ODS</p></li></ul><p>La suite Office n&#8217;est pas interdite mais les alternatives ci-dessus doivent aussi &#234;tre propos&#233;es.</p><h3>Pourquoi ?</h3><p>Les formats ouverts permettent &#224; tout le monde d&#8217;acc&#233;der aux documents sans avoir &#224; payer de licence.</p><h3>Comment rendre ces fichiers accessibles ?</h3><p>Tout est expliqu&#233; dans ce <strong><a href="https://github.com/DISIC/guides-documents_bureautiques_accessibles">GitHub</a></strong>. Vous pouvez y aller m&#234;me si vous n&#8217;&#234;tes pas dev, c&#8217;est compr&#233;hensible !</p><p></p><h2>La langue du site est bien d&#233;finie</h2><p>Si la langue du site n&#8217;est pas d&#233;finie, les aides techniques ne pourront pas vocaliser correctement le texte. Pour un site en fran&#231;ais, il faut un attribut&nbsp;lang="fr" dans la balise html au d&#233;but du code-source. Pour le trouver, faites un clic-droit sur la page et s&#233;lectionnez &#171;&nbsp;Examiner l&#8217;&#233;l&#233;ment&nbsp;&#187;, &#171;&nbsp;Inspecter&nbsp;&#187; ou &#171;&nbsp;Code source de la page&nbsp;&#187;.</p><h3>Et si on fait du franglais ?</h3><p>Si vous utilisez des mots anglais comme &#8220;UX designer&#8221; dans une page majoritairement en fran&#231;ais, vous devrez les baliser en anglais. Ainsi, les lecteurs d&#8217;&#233;cran liront ces mots &#224; l&#8217;anglaise et non &#224; la fran&#231;aise (&#8220;UX designer&#8221; et pas &#8220;ux d&#233;zign&#233;&#8221;).</p><p>Pour les baliser en anglais, il faut les encadrer d&#8217;un &#233;l&#233;ment &lt;span&gt; avec l&#8217;attribut lang="en&#8221;. N&#8217;h&#233;sitez pas &#224; me contacter si vous avez besoin d&#8217;un coup de main pour la manipulation. C&#8217;est assez facile, m&#234;me sur un CMS (Content Management System) comme Webflow.</p><p></p><h2>Le titre de la page est unique et pertinent</h2><p>Le titre de la page permet d&#8217;identifier des contenus de la page dans l&#8217;onglet de votre navigateur, dans les favoris, dans l&#8217;historique ou encore par les lecteurs d&#8217;&#233;cran. Un titre pertinent am&#233;liore aussi le r&#233;f&#233;rencement et la pr&#233;sentation dans les moteurs de recherche. Il faut contr&#244;ler que :</p><ul><li><p>le titre de chaque page est compos&#233;e du titre de son contenu, suivi du nom du site (exemple : Blog - Tamara Sredojevic)</p></li><li><p>le titre est pertinent et unique</p></li><li><p>sur une page de r&#233;sultat de recherche, le titre est &#171;&nbsp;R&#233;sultat de la page de recherche de xxx page 1 - nom du site&nbsp;&#187;</p></li><li><p>sur une page de confirmation d&#8217;action, le titre indique le r&#233;sultat de l&#8217;action (suivi du nom du site).</p></li></ul><p></p><h2>Deux moyens de navigation sont pr&#233;sents</h2><p>V&#233;rifiez qu&#8217;il existe au moins deux moyens de navigation parmi les trois suivants&nbsp;: menu principal, plan du site et moteur de recherche.</p><h3>Pourquoi ?</h3><p>Le fait de proposer plusieurs moyens de naviguer permet aux utilisateurs de proc&#233;der selon leur pr&#233;f&#233;rence ou leur besoin. L&#8217;alternative est &#233;galement importante si l&#8217;un des moyens utilis&#233;s ne donne pas le r&#233;sultat attendu.</p><p></p><h2>Les contrastes sont suffisants</h2><p>Pour lire un texte facilement, il faut qu&#8217;il y ait suffisamment de contraste entre la couleur du texte et celle du fond.</p><h3>Comment v&#233;rifier ?</h3><p>Je vous recommande <a href="https://abc.useallfive.com/">ABC Use All Five</a> pour v&#233;rifier les contrastes de vos couleurs de marque. Une fois que vous aurez rentr&#233; les r&#233;f&#233;rences de chaque couleur, vous obtiendrez une grille pour savoir lesquelles peuvent &#234;tre associ&#233;es. Une combinaison avec AA ou AAA est conforme. Ce sont des ratios de contraste d&#8217;au moins 4,5:1. Si vous obtenez un AA18, &#231;a veut dire que le ratio n&#8217;est pas suffisant pour du corps de texte classique. Vous pourrez n&#233;anmoins utiliser cette combinaison pour du texte en gras ou &#224; partir de 24px.</p><p>Si votre site est d&#233;j&#224; fait, un robot classique devrait pouvoir identifier les probl&#232;mes de contraste. Je vous recommande d&#8217;entrer votre URL dans <a href="https://a11ygator.chialab.io/">A11ygator</a> par exemple. Attention, ce genre d&#8217;outils ne remplace pas un vrai audit. Mais &#231;a peut vous aider &#224; d&#233;tecter les probl&#232;mes de contraste.</p><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p>Je vous recommande le travail d&#8217;<a href="https://hello-bokeh.fr/">Anne-Sophie Tranchet</a> et son atelier &#8220;<a href="https://www.paris-web.fr/2024/atelier/easy-checks-pour-verifier-laccessibilite">Easy checks pour v&#233;rifier l&#8217;accessibilit&#233;</a>&#8221;. Parfois, c&#8217;est plus facile d&#8217;apprendre en pr&#233;sentiel avec une experte.</p></li><li><p>Le <a href="https://design.numerique.gouv.fr/outils/memo-design">m&#233;mo design de Design Gouv</a> : ces recommandations sont extraites du&nbsp;<a href="https://disic.github.io/guide-concepteur/index.html">guide du concepteur RGAA</a>&nbsp;de la DINUM (Direction Interminist&#233;rielle du Num&#233;rique). Ce guide propose des fiches th&#233;matiques avec des conseils de design, l'explication du besoin pour les utilisateurs et des ressources compl&#233;mentaires.</p></li><li><p>Si vous avez rempli les crit&#232;res du diagnostic flash, vous pouvez passer &#224; l&#8217;<a href="https://design.numerique.gouv.fr/outils/audit-rapide/">audit rapide du RGAA</a>. Il n&#8217;est pas repr&#233;sentatif du niveau de conformit&#233;, mais il donne une bonne id&#233;e de la prise en compte du RGAA.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Bien rédiger un alt-text]]></title><description><![CDATA[La newsletter du design accessible]]></description><link>https://tamarasredojevic.substack.com/p/alt-text</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/alt-text</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Sat, 31 Aug 2024 23:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/0987339c-defb-40d7-9740-6ab41b3ca7f1_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,<br><br>Ce mois-ci, j&#8217;aimerais vous parler d&#8217;un sujet bien connu, mais parfois sous-estim&#233; : l&#8217;alt-text (ou texte alternatif). C&#8217;est d&#8217;ailleurs, en partie, ce qui a inspir&#233; mon sujet pour Paris Web&#8230; J&#8217;y serai &#224; la fin du mois pour pr&#233;senter une conf&#233;rence de 30 minutes avec Nora Goerne : <a href="https://www.paris-web.fr/2024/conference/defendre-et-industrialiser-laccessibilite-en-tant-quux-designer">d&#233;fendre et industrialiser l&#8217;accessibilit&#233; en tant qu&#8217;UX designer</a>. Si vous &#234;tes &#224; Paris ou &#224; la conf&#233;rence, faites-moi signe !<br><br>L&#8217;alt-text sert &#224; d&#233;crire une image pour les utilisateurs de lecteur d&#8217;&#233;cran (malvoyants, aveugles, mais aussi dyslexiques). Il permet aussi d&#8217;acc&#233;der &#224; l&#8217;information lorsque la connexion est mauvaise ou si une erreur de chargement se produit sur la page. Gr&#226;ce &#224; l&#8217;alt-text, l&#8217;information cl&#233; de l&#8217;image reste accessible &#224; tout le monde.</p><p><br>Si vous travaillez dans le digital, vous pensez peut-&#234;tre ma&#238;triser ce sujet. Pourtant, les erreurs d&#8217;alt-text sont parmi les plus fr&#233;quentes en mati&#232;re d&#8217;accessibilit&#233;. Moi-m&#234;me, j&#8217;ai d&#251; en corriger plusieurs sur mon portfolio apr&#232;s un audit d&#8217;accessibilit&#233;. Le sujet est donc plus complexe qu&#8217;il n&#8217;y para&#238;t. C&#8217;est pourquoi je vous propose quelques conseils pour ne plus vous tromper.</p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h2>Prenez en compte le contexte</h2><p>Avant toute chose, demandez-vous si l&#8217;image a besoin d&#8217;un alt-text ou si elle est d&#233;corative. On remplit l&#8217;alt-text quand l&#8217;image v&#233;hicule une information essentielle pour la compr&#233;hension de la page, qui n&#8217;est pas d&#233;j&#224; donn&#233;e dans le texte &#224; proximit&#233;.</p><p>Par exemple, imaginons un titre &#8220;Parc &#224; loups de Tamara&#8221; accompagn&#233; d&#8217;une photo de loups dans un enclos. L&#8217;alt-text pourrait &#234;tre : Deux loups de Pologne dans un enclos pr&#232;s d&#8217;un arbre. J&#8217;indique le nombre et la sous-esp&#232;ce des loups, et le fait qu&#8217;ils ne sont pas dans une cage, car ce sont des informations non mentionn&#233;es ailleurs. Je consid&#232;re que les visiteurs du parc appr&#233;cieront ces d&#233;tails. En revanche, si ces informations &#233;taient d&#233;j&#224; fournies ailleurs, alors l&#8217;image serait d&#233;corative, et l&#8217;alt-text pourrait rester vide.</p><p>L&#8217;astuce est de tester la page avec un lecteur d&#8217;&#233;cran. Si vous entendez deux fois la m&#234;me phrase (dans votre texte principal et votre alt-text), alors vous devez corriger quelque chose.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!di5e!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!di5e!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!di5e!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!di5e!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!di5e!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!di5e!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/c4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:636,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" title="" srcset="https://substackcdn.com/image/fetch/$s_!di5e!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!di5e!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!di5e!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!di5e!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a74e7a-7b27-4386-a580-6755bf194432_957x371.jpeg 1456w" sizes="100vw" fetchpriority="high"></picture><div></div></div></a></figure></div><div><hr></div><h2>N&#8217;automatisez pas la r&#233;daction des alt-text</h2><p>Certaines personnes essaient de gagner du temps en attribuant un alt-text par d&#233;faut dans les param&#232;tres de l&#8217;image, au cas o&#249; il serait n&#233;cessaire. Mais &#231;a ne fonctionne pas toujours. Une image peut &#234;tre r&#233;utilis&#233;e plusieurs fois sur un m&#234;me site (ou une m&#234;me page) et ne pas toujours avoir la m&#234;me signification. &#199;a arrive souvent avec les ic&#244;nes notamment.</p><p>Prenons un exemple. J&#8217;utilise trois fois la m&#234;me ic&#244;ne d&#8217;imprimante mais dans des situations diff&#233;rentes :</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!wLIT!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!wLIT!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 424w, https://substackcdn.com/image/fetch/$s_!wLIT!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 848w, https://substackcdn.com/image/fetch/$s_!wLIT!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!wLIT!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!wLIT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/e543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:660,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" title="" srcset="https://substackcdn.com/image/fetch/$s_!wLIT!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 424w, https://substackcdn.com/image/fetch/$s_!wLIT!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 848w, https://substackcdn.com/image/fetch/$s_!wLIT!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!wLIT!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe543ce74-79a3-4d32-9629-6f6a0f9be4e7_3987x1545.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><ul><li><p><strong>Cas n&#176;1 :</strong> l&#8217;ic&#244;ne indique &#224; l&#8217;utilisateur qu&#8217;il peut imprimer la page. Ici, l&#8217;alt-text est d&#233;coratif, car le texte &#224; proximit&#233; pr&#233;cise d&#233;j&#224; cette fonction.</p></li><li><p><strong>Cas n&#176;2 :</strong> l&#8217;ic&#244;ne est utilis&#233;e sans texte &#224; proximit&#233;. Dans ce cas, il est n&#233;cessaire de d&#233;crire l&#8217;intention derri&#232;re cette image dans l&#8217;alt-text.</p></li><li><p><strong>Cas n&#176;3 :</strong> l&#8217;ic&#244;ne est accompagn&#233;e du texte &#8220;votre mat&#233;riel&#8221;. Si l&#8217;utilisateur n&#8217;a qu&#8217;un seul type de mat&#233;riel, l&#8217;alt-text peut rester d&#233;coratif. Mais s&#8217;il peut y en avoir d&#8217;autres, alors il faudra pr&#233;ciser qu&#8217;il s&#8217;agit des imprimantes dans l&#8217;alt-text ou le texte &#224; proximit&#233;.</p></li></ul><div><hr></div><h2>Ne d&#233;passez pas 80 caract&#232;res pour un alt-text</h2><p>On lit parfois que les lecteurs d&#8217;&#233;cran arr&#234;tent la vocalisation d&#8217;un alt-text au-del&#224; de 125 caract&#232;res. C&#8217;est <a href="https://terrillthompson.com/tests/altlength.html">ce qu&#8217;a test&#233; Terrill Thompson avec plusieurs lecteurs d&#8217;&#233;cran (en anglais)</a>. En r&#233;alit&#233;, la plupart des lecteurs d&#8217;&#233;cran lisent tout l&#8217;alt-text, peu importe la longueur.<br><br>Mais si votre alt-text n&#233;cessite plus de 80 caract&#232;res pour d&#233;crire une image, demandez-vous si l&#8217;information ne devrait pas plut&#244;t &#234;tre accessible dans le texte &#224; proximit&#233;. De cette fa&#231;on, tous vos utilisateurs pourront la consulter. C&#8217;est notamment le cas des graphiques qui comportent une multitude d&#8217;informations. Il vaut m&#234;me mieux <a href="https://www.iamtamara.design/fr/blog/dataviz#:~:text=Expliquez%20le%20sens%20de%20vos%20graphiques">combiner alt-text et description de l&#8217;image</a> dans ces cas-l&#224;.</p><div><hr></div><h2>L&#8217;alt-text ne doit pas &#234;tre utilis&#233; pour am&#233;liorer votre SEO</h2><p>Vous le savez peut-&#234;tre mais je me permets de le rappeler, car je l&#8217;ai encore vu dans <a href="https://www.youtube.com/watch?v=n8sTwvUSw2o">un webinar auquel j&#8217;ai particip&#233; r&#233;cemment</a>. Certaines personnes pensent qu&#8217;on peut ajouter des mots-cl&#233;s dans l&#8217;alt-text pour am&#233;liorer son SEO. Bien entendu, si vous utilisez des mots-cl&#233;s pertinents pour d&#233;crire une image, &#231;a participe &#224; vos efforts de SEO. Mais si vous fa&#238;tes du <a href="https://www.sitew.com/Comment-optimiser-son-referencement/keyword-stuffing">bourrage de mots-cl&#233;s</a>, vous risquez d&#8217;&#234;tre p&#233;nalis&#233; par Google. Dans l&#8217;exemple ci-dessus, l&#8217;image n&#8217;a pas charg&#233;. Mais on n&#8217;a pas besoin de la voir pour comprendre que son alt-text est totalement inutile.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Jk1W!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Jk1W!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Jk1W!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Jk1W!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Jk1W!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Jk1W!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:660,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Image qui n'a pas charg&#233; avec son alt-text bourr&#233; de mots-cl&#233;s qui ne veulent rien dire&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Image qui n'a pas charg&#233; avec son alt-text bourr&#233; de mots-cl&#233;s qui ne veulent rien dire" title="Image qui n'a pas charg&#233; avec son alt-text bourr&#233; de mots-cl&#233;s qui ne veulent rien dire" srcset="https://substackcdn.com/image/fetch/$s_!Jk1W!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 424w, https://substackcdn.com/image/fetch/$s_!Jk1W!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 848w, https://substackcdn.com/image/fetch/$s_!Jk1W!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!Jk1W!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd70c3490-c16d-4f31-b42a-35ff1b95f8c1_3987x875.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3>Bon &#224; savoir</h3><p>On peut ajouter un <a href="https://audit-web.com/article-seo-accessibilite-images-decoration.html">alt-text pour le SEO qui sera ignor&#233; par les lecteurs d&#8217;&#233;cran</a>. Mais je vous conseille de vous faire accompagner par un sp&#233;cialiste du sujet pour ne pas tomber dans le pi&#232;ge du bourrage de mots-cl&#233;s.</p><div><hr></div><h2>Une image d&#233;corative ne veut pas dire qu&#8217;on ne met pas d&#8217;alt</h2><p>Cette partie vous concerne surtout si vous &#234;tes d&#233;veloppeur ou d&#233;veloppeuse. Mais &#231;a peut &#234;tre int&#233;ressant de le savoir quand m&#234;me pour bien collaborer entre les m&#233;tiers. Si votre designer a indiqu&#233; que l&#8217;image est d&#233;corative, alors l&#8217;alt-text doit &#234;tre vide (alt=""). Mais attention &#224; ne pas confondre alt vide et alt manquant. L&#8217;image doit toujours avoir un attribut alt, qu&#8217;il soit vide ou renseign&#233;.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!dEvs!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!dEvs!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 424w, https://substackcdn.com/image/fetch/$s_!dEvs!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 848w, https://substackcdn.com/image/fetch/$s_!dEvs!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!dEvs!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!dEvs!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:660,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" title="" srcset="https://substackcdn.com/image/fetch/$s_!dEvs!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 424w, https://substackcdn.com/image/fetch/$s_!dEvs!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 848w, https://substackcdn.com/image/fetch/$s_!dEvs!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!dEvs!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F81f78b85-a397-46c4-bf4d-7eece5f763c2_3987x1545.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/fr">L&#8217;arbre d&#233;cisionnel du W3C</a> : en cas de doute, cet arbre d&#233;cisionnel vous aide &#224; d&#233;terminer si un alt-text est n&#233;cessaire et comment le r&#233;diger correctement.</p></li><li><p><a href="https://chatgpt.com/">G&#233;n&#233;rer un alt-text avec ChatGPT</a> : si vous avez du mal &#224; d&#233;crire une image, servez-vous des outils d&#8217;IA comme ChatGPT. Vous pouvez importer votre image et lui demander de g&#233;n&#233;rer des propositions. Il faudra peut-&#234;tre lui pr&#233;ciser la longueur et modifier quelques d&#233;tails, mais &#231;a peut vous faire gagner du temps.</p></li><li><p><a href="https://www.instagram.com/fraiches/?hl=fr">Fraiches, le m&#233;dia engag&#233; pour l&#8217;inclusivit&#233; (Instagram)</a> : on y parle notamment d&#8217;Ana Victoria, la premi&#232;re personne dans le monde atteinte de Trisomie 21 &#224; d&#233;crocher un dipl&#244;me de droit. Et en plus leurs images sont toujours bien d&#233;crites dans les posts.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Design et dyslexie]]></title><description><![CDATA[La newsletter du design accessible]]></description><link>https://tamarasredojevic.substack.com/p/design-dyslexie</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/design-dyslexie</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Wed, 31 Jul 2024 23:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/197712b8-f3fd-49ce-8524-d7ef7b547f8a_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Ce mois-ci, j&#8217;ai envie de vous parler de la dyslexie, qui touche entre 8 et 10 % de la population. La dyslexie fait partie des <a href="https://www.ffdys.com/wp-content/uploads/2009/10/Dys_HD.pdf">handicaps cognitifs</a> et constitue une forme de <a href="https://www.getmaple.ca/fr/blog/neurodiversite-et-inclusion-en-milieu-de-travail/#:~:text=La%20neurodivergence%2C%20qu%E2%80%99est%2Dce%20que%20c%E2%80%99est%3F">neurodivergence</a>, car elle est li&#233;e &#224; un traitement de l&#8217;information diff&#233;rent de la majorit&#233; des gens. En revanche, ce n&#8217;est pas une d&#233;ficience intellectuelle et il y a aussi des avantages. Les personnes dyslexiques ont souvent une <a href="https://www.francetvinfo.fr/replay-radio/le-billet-sciences-du-week-end/la-dyslexie-est-aussi-une-force_5473371.html">meilleure vision d&#8217;ensemble</a>, de grandes capacit&#233;s &#224; r&#233;soudre des probl&#232;mes, &#224; anticiper des tendances&nbsp;et &#224; inventer des solutions originales.</p><p>Les difficult&#233;s li&#233;es &#224; la dyslexie peuvent varier d&#8217;une personne &#224; l&#8217;autre. Certaines ont du mal &#224; d&#233;composer les sons du langage et &#224; les associer &#224; des symboles &#233;crits. D&#8217;autres peuvent avoir des difficult&#233;s avec les mots qui ne se prononcent pas comme ils s&#8217;&#233;crivent, comme &#8220;poids&#8221;. Puisque <a href="https://francedyslexia.com/quels-sont-les-differents-types-de-dyslexie/">les difficult&#233;s varient</a>, on ne peut pas tout r&#233;soudre avec une solution unique.</p><p>Je vous propose n&#233;anmoins quelques astuces pour faciliter la lecture de tout le monde, y compris les personnes dyslexiques. Vous verrez qu&#8217;elles ne n&#233;cessitent pas des changements complexes et qu&#8217;elles ne d&#233;graderont pas votre design.</p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h3>Faites des lignes de texte courtes</h3><p>Les lignes de texte courtes sont plus faciles &#224; lire. &#199;a s&#8217;applique bien s&#251;r aux personnes dyslexiques, mais c&#8217;est aussi vrai pour tout le monde. Pour un confort de lecture optimal, on recommande de ne pas d&#233;passer 80 caract&#232;res par ligne.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!vWjR!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!vWjR!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 424w, https://substackcdn.com/image/fetch/$s_!vWjR!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 848w, https://substackcdn.com/image/fetch/$s_!vWjR!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 1272w, https://substackcdn.com/image/fetch/$s_!vWjR!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!vWjR!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:636,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;A faire (max 76 caract&#232;res par ligne), le texte est tronqu&#233; pour faciliter la lecture. A ne pas faire (max 116 caract&#232;res par ligne), le texte s'&#233;tend ed fa&#231;on plus large et est plus difficile &#224; lire.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="A faire (max 76 caract&#232;res par ligne), le texte est tronqu&#233; pour faciliter la lecture. A ne pas faire (max 116 caract&#232;res par ligne), le texte s'&#233;tend ed fa&#231;on plus large et est plus difficile &#224; lire." title="A faire (max 76 caract&#232;res par ligne), le texte est tronqu&#233; pour faciliter la lecture. A ne pas faire (max 116 caract&#232;res par ligne), le texte s'&#233;tend ed fa&#231;on plus large et est plus difficile &#224; lire." srcset="https://substackcdn.com/image/fetch/$s_!vWjR!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 424w, https://substackcdn.com/image/fetch/$s_!vWjR!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 848w, https://substackcdn.com/image/fetch/$s_!vWjR!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 1272w, https://substackcdn.com/image/fetch/$s_!vWjR!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8982ab4c-7241-4697-b47e-50eea9382355_1990x506.png 1456w" sizes="100vw" fetchpriority="high"></picture><div></div></div></a></figure></div><p></p><h3>Ajustez l&#8217;interlignage &#224; 150 %</h3><p>L&#8217;interlignage, c&#8217;est l&#8217;espace entre les lignes d&#8217;un texte. Sur Figma, <a href="https://world.hey.com/whutter/un-conseil-ultra-rapide-pour-ameliorer-votre-typographie-en-webdesign-5bbb628a#:~:text=L%27interlignage%2C%20la%20r%C3%A8gle%20des%20150%25">vous pouvez l&#8217;ajuster &#224; 150 %</a> pour optimiser l&#8217;exp&#233;rience de lecture. Sur Word ou Google Docs, il faudra choisir une interligne de 1,15 ou 1,5. Le r&#233;sultat peut varier l&#233;g&#232;rement en fonction de la police choisie, mais c&#8217;est un bon rep&#232;re.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!XaTw!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!XaTw!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 424w, https://substackcdn.com/image/fetch/$s_!XaTw!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 848w, https://substackcdn.com/image/fetch/$s_!XaTw!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!XaTw!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!XaTw!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:660,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;&#201;dition de l'interligne sur Figma, param&#233;tr&#233; &#224; 150%&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="&#201;dition de l'interligne sur Figma, param&#233;tr&#233; &#224; 150%" title="&#201;dition de l'interligne sur Figma, param&#233;tr&#233; &#224; 150%" srcset="https://substackcdn.com/image/fetch/$s_!XaTw!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 424w, https://substackcdn.com/image/fetch/$s_!XaTw!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 848w, https://substackcdn.com/image/fetch/$s_!XaTw!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!XaTw!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F327182a8-f1af-47f7-b619-09923e17debe_476x328.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p></p><h3>V&#233;rifiez que votre site g&#232;re correctement les espacements</h3><p>Parfois, l&#8217;interlignage &#224; 150 % ne suffit pas. Les personnes dyslexiques peuvent alors avoir recours &#224; <a href="https://chromewebstore.google.com/detail/%C3%A9diteur-despacement-de-te/amnelgbfbdlfjeaobejkfmjjnmeddaoj?hl=fr">une extension d&#8217;&#233;diteur d&#8217;espacement sur un navigateur</a>. Ce type d&#8217;extension permet d&#8217;ajuster les espacements entre les lignes, mais aussi entre les lettres, les mots et les paragraphes. En jouant avec les param&#232;tres de l'extension, vous pouvez v&#233;rifier que votre texte ne sort pas des blocs et ne se chevauche pas. Si votre site a &#233;t&#233; correctement cod&#233;, &#231;a ne d&#233;gradera pas votre design.</p><p></p><h3>Choix des polices</h3><p>Les polices <a href="https://opendyslexic.org/">OpenDyslexic</a>, <a href="https://dyslexiefont.com/en/typeface/">Dyslexie Font</a> et <a href="https://www.pixartprinting.fr/blog/font-easyreading/">EasyReading</a> ont &#233;t&#233; sp&#233;cialement con&#231;ues pour faciliter la lecture des personnes dyslexiques. Chaque lettre a un design unique et ne peut donc pas &#234;tre confondue avec une autre.</p><p><a href="https://theconversation.com/dyslexie-quelle-police-choisir-217763#:~:text=Est%2Dce%20que%20les%20polices%20d%E2%80%99%C3%A9criture%20d%C3%A9di%C3%A9es%20fonctionnent%20vraiment%C2%A0%3F">Plusieurs &#233;tudes</a> ont &#233;t&#233; men&#233;es pour d&#233;terminer leur impact r&#233;el sur la lecture, en les comparant notamment &#224; Arial et Times New Roman. Les r&#233;sultats sont assez mitig&#233;s et tendent vers une absence d&#8217;am&#233;lioration significative. Seule EasyReading parait avoir un r&#233;el b&#233;n&#233;fice, mais il s&#8217;agit d&#8217;une &#233;tude isol&#233;e dont le r&#233;sultat m&#233;riterait d&#8217;&#234;tre confirm&#233; par d&#8217;autres.</p><p>Pour ma part, j&#8217;utilise la police Atkinson Hyperlegible sur mon site. <a href="https://brailleinstitute.org/freefont">Con&#231;ue par l&#8217;Institut Braille pour les personnes malvoyantes</a>, elle peut participer &#224; l&#8217;am&#233;lioration de l&#8217;exp&#233;rience de lecture en g&#233;n&#233;ral.</p><p></p><h3>Ne mettez pas les informations importantes dans un placeholder</h3><p>Le placeholder est un attribut permettant d&#8217;afficher du texte par d&#233;faut dans certains champs de formulaire. Ce texte s&#8217;efface d&#232;s que l&#8217;utilisateur commence &#224; saisir du contenu. Chez les dyslexiques, les d&#233;ficits de la m&#233;moire &#224; court terme ou de la m&#233;moire de travail sont des troubles r&#233;currents. Par cons&#233;quent, si vous utilisez un placeholder, assurez-vous qu'il ne remplace pas une information importante comme le format attendu.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!fIaD!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!fIaD!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 424w, https://substackcdn.com/image/fetch/$s_!fIaD!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 848w, https://substackcdn.com/image/fetch/$s_!fIaD!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 1272w, https://substackcdn.com/image/fetch/$s_!fIaD!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!fIaD!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:612,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;A faire : gardez l'information importante dans un sous-label (JJ/MM/AAAA). A ne pas faire : mettre le format attendu dans le champ de saisi.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="A faire : gardez l'information importante dans un sous-label (JJ/MM/AAAA). A ne pas faire : mettre le format attendu dans le champ de saisi." title="A faire : gardez l'information importante dans un sous-label (JJ/MM/AAAA). A ne pas faire : mettre le format attendu dans le champ de saisi." srcset="https://substackcdn.com/image/fetch/$s_!fIaD!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 424w, https://substackcdn.com/image/fetch/$s_!fIaD!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 848w, https://substackcdn.com/image/fetch/$s_!fIaD!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 1272w, https://substackcdn.com/image/fetch/$s_!fIaD!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4f95f620-2c08-48ed-bfd9-f81ecd1e3cc6_1730x346.png 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><div><hr></div><h2>&#192; d&#233;couvrir</h2><ul><li><p><a href="https://librairie.lapin.org/fr/causes-en-corps/1257-dys-et-ordinaire.html">Dys et ordinaire, parce que tout le monde ne na&#238;t pas Einstein</a> est une BD d&#8217;Ath&#233;na&#239;s Fondevrelle pour donner la parole aux personnes dys, d&#233;construire les clich&#233;s et donner de meilleures cl&#233;s de compr&#233;hension sur ces troubles.</p></li><li><p><a href="https://www.radiofrance.fr/franceculture/podcasts/l-info-culturelle-reportages-enquetes-analyses/films-series-des-sous-titres-adaptes-aux-dyslexiques-et-autres-personnes-atteintes-de-troubles-dys-9791080">Canal+ propose les Dystitles</a>, une m&#233;thode de sous-titrage con&#231;ue pour les personnes dyslexiques qui souhaitent profiter de films et de s&#233;ries en version originale.</p></li><li><p><a href="https://www.youtube.com/watch?v=J1uPlM8ctI8">The Big Picture: rethinking dyslexia</a> est un documentaire de 2012 sur la dyslexie. En rassemblant des t&#233;moignages de personnalit&#233;s concern&#233;es et d'experts, il met en lumi&#232;re les causes neurologiques de la dyslexie, rejetant ainsi l'id&#233;e de toute association avec la paresse ou une quelconque d&#233;ficience intellectuelle.</p></li></ul><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!bnyt!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!bnyt!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 424w, https://substackcdn.com/image/fetch/$s_!bnyt!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 848w, https://substackcdn.com/image/fetch/$s_!bnyt!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!bnyt!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!bnyt!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:800,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Extrait de la BD Dys et Ordinaire.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Extrait de la BD Dys et Ordinaire." title="Extrait de la BD Dys et Ordinaire." srcset="https://substackcdn.com/image/fetch/$s_!bnyt!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 424w, https://substackcdn.com/image/fetch/$s_!bnyt!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 848w, https://substackcdn.com/image/fetch/$s_!bnyt!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!bnyt!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F87908dbf-f0ca-4d06-a124-78d9f44149ff_800x800.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a><figcaption class="image-caption"><strong>Extrait de la BD &#8220;Dys et ordinaire&#8221; : </strong>Une personne demande &#224; une autre &#8220;tu peux me trouver le mail de la tr&#233;sorerie ?&#8221;. L&#8217;autre &#8220;ouaip&#8221;. La premi&#232;re : &#8220;ah ! tu as &#233;crit tersorie&#8221;. Elle poursuit &#8220;tr&#233;&#233;, zooo, reuh, riiii&#8221;. L&#8217;autre est agac&#233;e. La premi&#232;re continue &#8220;comme &#231;a se prononce, y&#8217;a pas de pi&#232;ge&#8221;. L&#8217;autre est de plus en plus agac&#233;e.</figcaption></figure></div><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Liens et boutons accessibles]]></title><description><![CDATA[La newsletter du design accessible]]></description><link>https://tamarasredojevic.substack.com/p/liens-boutons-accessibles</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/liens-boutons-accessibles</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Sun, 30 Jun 2024 23:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/37398420-f0d9-451c-9ba5-06c993736d9d_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Je voudrais vous partager le <a href="https://www.youtube.com/watch?v=n8sTwvUSw2o">replay d&#8217;un webinar auquel j&#8217;ai particip&#233;</a> le mois dernier pour l&#8217;&#233;cole ENI Nantes. On a discut&#233; des contraintes et opportunit&#233;s li&#233;es &#224; l&#8217;accessibilit&#233;, notamment avec l&#8217;arriv&#233;e de l&#8217;Acte Europ&#233;en en juin 2025. On a aussi parl&#233; des mythes qui tournent autour de l&#8217;accessibilit&#233;, comme quand on entend que l&#8217;accessibilit&#233; d&#233;grade le design ou que &#231;a co&#251;te trop cher. J&#8217;&#233;tais accompagn&#233;e de Franck Letrouv&#233;, consultant web et r&#233;f&#233;rent handicap, et Herv&#233; Boisgontier, formateur en d&#233;veloppement.</p><p>Ce mois-ci, je vous partage quelques astuces pour r&#233;diger des intitul&#233;s de liens et de boutons accessibles. Dans certains cas, ce sont des bonnes pratiques plut&#244;t que des <a href="https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/">crit&#232;res obligatoires du R&#233;f&#233;rentiel G&#233;n&#233;ral d&#8217;Am&#233;lioration de l&#8217;Accessibilit&#233;</a> (RGAA). Certaines recommandations proviennent des crit&#232;res des <a href="https://accessibilite.numerique.gouv.fr/ressources/criteres-aaa/">Web Content Accessibility Guidelines (WCAG) au niveau AAA</a> &#8211; le plus &#233;lev&#233;. Quand les am&#233;liorations sont faciles &#224; mettre en place, je pr&#233;f&#232;re les adopter, qu&#8217;elles soient obligatoires ou non. &#192; vous de voir ce qui est possible dans votre situation.</p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h3>Ne r&#233;digez pas les intitul&#233;s de boutons en majuscules</h3><p><a href="https://accessible-digital-documents.com/fr/blog/titres-tout-en-majuscules-dans-indesign-et-word/">Un texte en majuscules est plus difficile &#224; lire</a>, surtout pour les personnes dyslexiques. C&#8217;est d&#251; au fait que les majuscules peuvent &#234;tre difficiles &#224; distinguer selon la police utilis&#233;e. &#199;a vaut aussi pour les personnes qui utilisent un lecteur d&#8217;&#233;cran, car la vocalisation peut restituer les majuscules lettre par lettre, comme pour un acronyme. De plus, le texte en majuscules peut &#234;tre per&#231;u comme &#233;tant &#8220;cri&#233;&#8221;. Utilisez donc les majuscules avec parcimonie.</p><p></p><h3>Ne faites pas de copi&#233;-coll&#233; d&#8217;URL pour envoyer un lien</h3><p>L&#8217;accessibilit&#233; s&#8217;applique aussi &#224; la r&#233;daction de vos e-mails et de vos messages. Quand vous envoyez un lien &#224; quelqu&#8217;un qui utilise un lecteur d&#8217;&#233;cran, int&#233;grez-le dans un intitul&#233;. Si vous faites un copi&#233;-coll&#233; de l&#8217;URL, le lecteur d&#8217;&#233;cran va devoir la vocaliser, parfois lettre par lettre, ce qui peut &#234;tre tr&#232;s long. Pour rappel, il n&#8217;y a pas que les personnes malvoyantes ou aveugles qui utilisent un lecteur d&#8217;&#233;cran. C&#8217;est aussi une aide technique pr&#233;cieuse pour les personnes dyslexiques.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!wxws!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!wxws!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!wxws!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!wxws!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!wxws!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!wxws!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Pas accessible : je t'envoie le lien https://www.iamtamara.design/fr/blog. Accessible : je t'envoie le lien vers mon blog. Mon blog est soulign&#233;, indiquant le lien.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Pas accessible : je t'envoie le lien https://www.iamtamara.design/fr/blog. Accessible : je t'envoie le lien vers mon blog. Mon blog est soulign&#233;, indiquant le lien." title="Pas accessible : je t'envoie le lien https://www.iamtamara.design/fr/blog. Accessible : je t'envoie le lien vers mon blog. Mon blog est soulign&#233;, indiquant le lien." srcset="https://substackcdn.com/image/fetch/$s_!wxws!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!wxws!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!wxws!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!wxws!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F17397112-e5a9-4d49-8f71-baa19bfb265c_1200x371.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p></p><h3>Inutile de pr&#233;ciser &#8220;lien&#8221; dans un intitul&#233;</h3><p>Pour les personnes voyantes, le soulignement permet d&#8217;identifier un lien dans un corps de texte. Avec un lecteur d&#8217;&#233;cran, les liens sont annonc&#233;s avant l&#8217;intitul&#233;. Par exemple, "<a href="https://www.iamtamara.design/fr/blog">mon blog</a>" sera lu par la plupart des lecteurs d&#8217;&#233;cran de la fa&#231;on suivante : &#8220;Lien mon blog&#8221;. C&#8217;est donc inutile d&#8217;&#233;crire &#8220;lien&#8221; dans l&#8217;intitul&#233;.</p><p></p><h3>N&#8217;utilisez pas de liens ou boutons &#8220;en savoir plus&#8221;</h3><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!SH_z!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!SH_z!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 424w, https://substackcdn.com/image/fetch/$s_!SH_z!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 848w, https://substackcdn.com/image/fetch/$s_!SH_z!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!SH_z!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!SH_z!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Bouton en savoir plus, pas accessible. Bouton principes du design accessible, accessible.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Bouton en savoir plus, pas accessible. Bouton principes du design accessible, accessible." title="Bouton en savoir plus, pas accessible. Bouton principes du design accessible, accessible." srcset="https://substackcdn.com/image/fetch/$s_!SH_z!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 424w, https://substackcdn.com/image/fetch/$s_!SH_z!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 848w, https://substackcdn.com/image/fetch/$s_!SH_z!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!SH_z!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa7fb2596-43f0-467d-85ca-654cb6f032b6_1200x287.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><p>Quand on utilise un lecteur d&#8217;&#233;cran, on peut naviguer sur une page de lien en lien. La vocalisation restitue les intitul&#233;s les uns apr&#232;s les autres, parfois hors contexte. Si ces liens ont le m&#234;me intitul&#233; (ex : "en savoir plus"), c&#8217;est difficile de comprendre o&#249; ils m&#232;nent.</p><p>Vous pouvez ajouter <a href="https://www.lalutineduweb.fr/alternatives-textuelles-texte-masque-css/">une ligne de code visible uniquement par les lecteurs d&#8217;&#233;cran</a> pour pr&#233;ciser la destination du lien. Mais pourquoi ne pas donner les m&#234;mes informations &#224; tout le monde ? Vous gagnerez du temps en pr&#233;cisant votre intitul&#233; car vous n&#8217;aurez pas &#224; maintenir deux versions (une pour les lecteurs d'&#233;cran et une pour les autres utilisateurs). Vos utilisateurs auront aussi acc&#232;s &#224; des informations plus pr&#233;cises, qu&#8217;ils aient un handicap ou non.</p><p>Cette recommandation fait partie des crit&#232;res du <a href="https://www.w3.org/Translations/WCAG21-fr/#link-purpose-link-only">WCAG au niveau AAA</a> uniquement.</p><p></p><h3>Testez les intitul&#233;s de vos pages avec Wave</h3><p>Rien ne vaut un exemple concret pour se rendre compte de l&#8217;importance des intitul&#233;s de liens et de boutons. L&#8217;extension Wave vous permet de v&#233;rifier comment un lecteur d&#8217;&#233;cran les restitue. Une fois l&#8217;extension install&#233;e, faites un clic droit n&#8217;importe o&#249; sur la page, puis s&#233;lectionnez &#8220;Wave this page&#8221;. Dans l&#8217;onglet &#8220;Order&#8221;, vous pourrez consulter la liste des liens et boutons. Vous pouvez <a href="https://wave.webaim.org/extension/">t&#233;l&#233;charger l&#8217;extension Wave</a> sur tous les navigateurs.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!izoK!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!izoK!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!izoK!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!izoK!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!izoK!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!izoK!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Liste des intitul&#233;s de liens sur Wave : 1 link aller au contenu, 2 link english, 3 link fran&#231;ais, 4 link aller &#224; la page d'accueil etc.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Liste des intitul&#233;s de liens sur Wave : 1 link aller au contenu, 2 link english, 3 link fran&#231;ais, 4 link aller &#224; la page d'accueil etc." title="Liste des intitul&#233;s de liens sur Wave : 1 link aller au contenu, 2 link english, 3 link fran&#231;ais, 4 link aller &#224; la page d'accueil etc." srcset="https://substackcdn.com/image/fetch/$s_!izoK!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!izoK!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!izoK!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!izoK!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F827d11c0-342d-41dc-9df0-1d8ff6f1d32e_1200x371.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><div><hr></div><h2>&#192; d&#233;couvrir</h2><p>Quand j&#8217;interviens aupr&#232;s d&#8217;&#233;tudiants en design, on me demande souvent qui suivre et quoi lire. Voici mes derni&#232;res trouvailles :</p><ul><li><p>&#8220;Etre aveugle, c&#8217;est ne pas pouvoir consulter sa fiche de paie sans une tierce personne&#8221;. Ce <a href="https://x.com/CelineBoeuf/status/1791381613260980725">thread de C&#233;line Boeuf</a> r&#233;v&#232;le ses obstacles au quotidien en tant que personne aveugle.</p></li><li><p>Marie Charlotte B raconte son <a href="https://www.instagram.com/p/C5WJwtWskQm/">quotidien avec un handicap invisible</a>. Des posts sur Instagram qui font du bien, surtout si on vous a d&#233;j&#224; dit &#8220;c&#8217;est quand m&#234;me un peu &#224; la mode ton truc&#8221;.</p></li><li><p><a href="https://abcnews.go.com/GMA/Culture/bridgerton-season-3-uplifts-disability-neurodiversity-explore-lgbtq/story?id=110980876">Bridgerton prouve qu&#8217;on peut repr&#233;senter le handicap et la neurodiversit&#233;</a> dans un show &#224; succ&#232;s. Pour lire l&#8217;article en fran&#231;ais, faites un clic droit sur la page, puis s&#233;lectionnez &#8220;traduire en fran&#231;ais&#8221;</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item><item><title><![CDATA[Lutter contre le design validiste]]></title><description><![CDATA[La newsletter du design accessible]]></description><link>https://tamarasredojevic.substack.com/p/validisme-design</link><guid isPermaLink="false">https://tamarasredojevic.substack.com/p/validisme-design</guid><dc:creator><![CDATA[Tamara Sredojevic]]></dc:creator><pubDate>Fri, 31 May 2024 23:00:00 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/f837944d-2231-4834-9207-c9bd5eefa645_942x729.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>Bonjour tout le monde,</p><p>Avant toute chose, je voudrais vous partager une super nouvelle. Je serai &#224; <a href="https://www.paris-web.fr/">Paris Web</a> au mois de Septembre pour pr&#233;senter une mini-conf&#233;rence avec mon acolyte Nora Goerne. Nous allons parler de <a href="https://www.paris-web.fr/2024/conference/defendre-et-industrialiser-laccessibilite-en-tant-quux-designer">d&#233;fendre et industrialiser l&#8217;accessibilit&#233; en tant qu&#8217;UX designer</a>.</p><p>Ce mois-ci, je voudrais vous parler de validisme &#8211; <a href="https://www.scienceshumaines.com/validisme_fr_44295.html">les pr&#233;jug&#233;s et discriminations envers les personnes handicap&#233;es</a>. C&#8217;est important de conna&#238;tre ce concept quand on s&#8217;int&#233;resse &#224; l&#8217;accessibilit&#233; parce que &#231;a peut vous aider &#224; concevoir des produits plus inclusifs. Et ce, en dehors du cadre r&#233;glementaire que vous imposent les <a href="https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/">crit&#232;res d&#8217;accessibilit&#233;</a>. Le validisme se manifeste de plusieurs fa&#231;ons, dont :</p><ul><li><p>L&#8217;infantilisation</p></li><li><p>La n&#233;gation des difficult&#233;s (forcer quelqu&#8217;un &#224; se justifier)</p></li><li><p>Les pr&#233;jug&#233;s li&#233;s au handicap (exemple : mis&#233;rabilisme)</p></li><li><p>La glorification du handicap (en parler comme une &#8220;le&#231;on de vie&#8221;)</p></li></ul><p>Le validisme est difficile &#224; combattre car il est enracin&#233; de mani&#232;re syst&#233;mique dans notre soci&#233;t&#233;. Par exemple quand on raconte l&#8217;histoire d&#8217;un adolescent qui emm&#232;ne une jeune fille handicap&#233;e au bal de fin d&#8217;ann&#233;e car personne ne l&#8217;avait invit&#233;e. Le probl&#232;me ne vient pas de cet adolescent mais du <a href="https://www.santeplusmag.com/111122147-un-adolescent-emmene-une-jeune-fille-handicapee-au-bal-de-fin-dannee-personne-ne-lavait-invitee-temoignages-11-04-2023/">traitement m&#233;diatique</a> qui en est fait. L&#8217;exp&#233;rience de la jeune fille est mise de c&#244;t&#233;, ce n&#8217;est plus qu&#8217;un d&#233;tail de l&#8217;histoire. Cette approche est d&#233;shumanisante pour les personnes concern&#233;es.</p><p>Je dis souvent qu&#8217;on ne sait pas ce qu&#8217;on ne sait pas. C&#8217;est donc difficile d&#8217;anticiper d&#8217;autres besoins que les siens. Dans une soci&#233;t&#233; o&#249; les personnes handicap&#233;es sont exclues, mal vues et prises en piti&#233;, on se retrouve &#224; perp&#233;tuer ce validisme, car ce sont les codes qu&#8217;on nous a donn&#233;s. C&#8217;est pourquoi je vous propose des points de vigilance que vous pourrez adapter &#224; tous les m&#233;tiers du digital, y compris en design.</p><p>Bonne lecture,<br>Tamara</p><div><hr></div><h3>Repensez vos CTA (Call-To-Action)</h3><p>Les CTA sont des boutons utilis&#233;s dans nos interfaces pour susciter une action. Par exemple : &#8220;voir les garanties&#8221;. Au clic, vous pouvez atterrir sur un PDF ou une autre page pour consulter les garanties. Mais si on s&#8217;interroge sur l&#8217;utilisation du verbe &#8220;voir&#8221;, il est possible qu&#8217;une personne aveugle qui navigue avec un lecteur d&#8217;&#233;cran se sente exclue. C&#8217;est un micro d&#233;tail, bien s&#251;r. Mais c&#8217;en est un de plus dans une journ&#233;e faite de plein d&#8217;autres d&#233;tails de ce genre. Cet argument reste un avis unique, et vous rencontrerez peut-&#234;tre des personnes aveugles qui n&#8217;y pr&#234;tent pas attention. Il ne s&#8217;agit pas de remettre en question leur perception car il n&#8217;y a pas qu&#8217;une seule fa&#231;on de voir les choses&#8230; Mais c&#8217;est une question que vous pouvez vous poser. Si vous souhaitez utiliser une alternative, vous pouvez utiliser &#8220;consulter les garanties&#8221;.</p><div class="captioned-image-container"><figure><a class="image-link image2" target="_blank" href="https://substackcdn.com/image/fetch/$s_!oqnM!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!oqnM!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!oqnM!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!oqnM!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!oqnM!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!oqnM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/da9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:null,&quot;width&quot;:1200,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:null,&quot;alt&quot;:&quot;Pas inclusif : bouton \&quot;voir les garanties\&quot;. Inclusif : bouton \&quot;consulter les garanties\&quot;.&quot;,&quot;title&quot;:null,&quot;type&quot;:null,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:null,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="Pas inclusif : bouton &quot;voir les garanties&quot;. Inclusif : bouton &quot;consulter les garanties&quot;." title="Pas inclusif : bouton &quot;voir les garanties&quot;. Inclusif : bouton &quot;consulter les garanties&quot;." srcset="https://substackcdn.com/image/fetch/$s_!oqnM!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 424w, https://substackcdn.com/image/fetch/$s_!oqnM!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 848w, https://substackcdn.com/image/fetch/$s_!oqnM!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!oqnM!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda9d9c99-5b8c-435b-b839-4de592e12fda_1200x371.jpeg 1456w" sizes="100vw" loading="lazy"></picture><div></div></div></a></figure></div><h3>Invitez des personnes handicap&#233;es &#224; votre recherche utilisateur</h3><p>Si vous avez la possibilit&#233; de faire de la recherche utilisateur, fa&#238;tes attention au public interrog&#233;. Les personnes handicap&#233;es repr&#233;sentent <a href="https://www.consilium.europa.eu/fr/infographics/disability-eu-facts-figures/">1 adulte sur 4 en Europe</a>. Elles ont des exp&#233;riences de vie qui peuvent impacter leur perception de vos produits ou de votre entreprise. Si nous ne communiquons pas avec certaines cat&#233;gories de personnes, comment savoir si nous r&#233;pondons &#224; leurs besoins ? C&#8217;est comme si vous ne parliez qu&#8217;&#224; des hommes, ou qu&#8217;&#224; des personnes blanches &#8211; vous n&#8217;auriez qu&#8217;une partie de l&#8217;histoire. Plus l&#8217;entreprise que vous repr&#233;sentez a de l&#8217;influence, plus c&#8217;est important. En insistant pour l&#8217;inclusion des personnes handicap&#233;es dans la recherche utilisateur, vous permettez &#224; l&#8217;industrie de s&#8217;interroger sur ses pratiques, de les adapter et de trouver des solutions.</p><p></p><h3>Comment parler du handicap ?</h3><p>Vous vous &#234;tes peut-&#234;tre d&#233;j&#224; demand&#233; comment parler du handicap. &#199;a peut &#234;tre n&#233;cessaire dans une d&#233;claration d&#8217;accessibilit&#233; ou pour recruter des personnes handicap&#233;es en recherche utilisateur. Par exemple, faut-il dire <a href="https://www.quebec.ca/famille-et-soutien-aux-personnes/participation-sociale-personnes-handicapees/definition-personne-handicapee">personne handicap&#233;e ou personne en situation de handicap ?</a> Le principal est de laisser les gens se d&#233;finir. Il n&#8217;y a pas de d&#233;bat &#224; avoir sur la fa&#231;on dont quelqu&#8217;un s&#8217;identifie. En revanche, il y a certains points plus irritants pour les personnes handicap&#233;es, comme les formules &#8220;atteint de&#8230;&#8221; ou &#8220;souffrant de&#8230;&#8221;. &#199;a peut &#234;tre mal per&#231;u parce que &#231;a sous-entend que leur handicap est forc&#233;ment une mauvaise chose. Restez simple, parlez de personne handicap&#233;e. Et si vous vous interrogez sur l&#8217;exp&#233;rience d&#8217;une personne avec un handicap pr&#233;cis, dites-le tel quel. Par exemple &#8220;nous souhaitons interroger des personnes avec un handicap moteur.&#8221;</p><p></p><h3>Attention &#224; vos images</h3><p>Dans une &#233;dition pr&#233;c&#233;dente, je vous ai parl&#233; d&#8217;<a href="https://us19.campaign-archive.com/?u=ffa5ed6b9f12a16d7ee1cdeea&amp;id=f53cf51e6e">inspiration porn</a>. Ce sont des histoires cens&#233;es inspirer les personnes valides (sans handicap) en leur offrant une opportunit&#233; de relativiser sur leurs difficult&#233;s. Le <a href="https://lesdevalideuses.org/les-projets/la-pornographie-de-linspiration/">collectif des D&#233;valideuses</a> explique ce qui les d&#233;range dans ce genre de campagnes : &#8220;Au c&#339;ur de l&#8217;image, un adulte ou enfant handicap&#233; dans une situation relativement ordinaire. Il fait du sport, &#233;l&#232;ve son enfant, d&#233;croche un dipl&#244;me&#8230; Puis la petite phrase choc qui vous renvoie &#224; vous. &#8220;Quelle est ton excuse ?&#8221; Ou encore &#8220;Le seul handicap dans la vie, c&#8217;est une mauvaise attitude&#8221;. Les commentaires sont g&#233;n&#233;ralement les m&#234;mes : cette personne est inspirante, incroyable, courageuse, quelle le&#231;on de vie&#8230; Ces images s&#8217;appuient sur l&#8217;antagonisme suppos&#233; entre le handicap et une vie heureuse, &#233;panouie, ou m&#234;me tout simplement banale. Car dans l&#8217;esprit de nombreuses personnes valides, le handicap est per&#231;u comme une mal&#233;diction ou une source de malheur qui s&#8217;abattrait sur nous. Nous ne serions alors plus que cela : handicap&#233;s. Une vie stopp&#233;e, mise en marge du monde, pass&#233;e &#224; ruminer notre &#233;tat. De fait, montrer une personne handicap&#233;e dans une attitude positive et volontaire surprend, et le moindre geste quotidien devient alors &#8220;inspirant&#8221;. Comme s&#8217;il &#233;tait n&#233;cessaire de rappeler que nous avons des vies, plus semblables aux v&#244;tres que vous ne croyez.&#8221;</p><p></p><h3>&#201;vitez les euph&#233;mismes dans votre r&#233;daction</h3><p>Maysoon Zayid est com&#233;dienne. Concern&#233;e par le handicap, elle explique <a href="https://www.refinery29.com/fr-fr/2020/07/9940519/anti-validisme-reappropriation-du-terme-handicape">pourquoi les termes "autrement capable" et "besoins sp&#233;ciaux" sont infantilisants</a>. Pour elle, le handicap n&#8217;est pas un tabou. Il n&#8217;y a pas de mal &#224; parler de handicap, de personne handicap&#233;e. Inutile d&#8217;essayer d&#8217;enjoliver une situation qui est d&#233;j&#224; acceptable telle qu&#8217;elle est. Si vous devez parler de personnes handicap&#233;es, &#233;vitez donc les euph&#233;mismes. Au besoin, fa&#238;tes-vous relire par des personnes concern&#233;es pour &#233;viter toute maladresse. C&#8217;est ce que je fais avec ma newsletter r&#233;guli&#232;rement. Et j&#8217;en profite d&#8217;ailleurs pour vous remercier si vous avez d&#233;j&#224; particip&#233; &#224; une relecture. Encore une fois, on ne sait pas ce qu&#8217;on ne sait pas.</p><div><hr></div><h2>&#192; d&#233;couvrir</h2><p>Il y a plein de gens concern&#233;s par le handicap, des gens passionnants dont vous apprendrez mille choses. Voici mes derni&#232;res trouvailles :</p><ul><li><p>Les retours sur le film d&#8217;Artus &#8220;Un p&#8217;tit truc en plus&#8221; sont divis&#233;s, y compris chez les personnes handicap&#233;es. Puisqu&#8217;il est question de validisme dans cette &#233;dition, je vous partage l&#8217;avis de <a href="https://www.politis.fr/articles/2024/05/artus-un-ptit-truc-en-plus-une-fable-pour-garder-les-yeux-fermes-validisme/">C&#233;line Extenso</a>, militante antivalidiste.</p></li><li><p><a href="https://www.arte.tv/fr/videos/RC-024850/latecomers/">Latecomers</a>, la s&#233;rie sans tabou sur le handicap et la sexualit&#233;. On y retrouve Hannah Diviney, premi&#232;re femme handicap&#233;e &#224; jouer dans une sc&#232;ne de sexe &#224; la t&#233;l&#233;vision australienne.</p></li><li><p><a href="https://www.instagram.com/petite_loutre_autisme/">Petite Loutre</a> est un compte Instagram qui propose des d&#233;finitions et explications sur les neurodivergences. Elle explique notamment pourquoi elle ne veut pas utiliser le terme Asperger.</p></li></ul><h3>En savoir plus</h3><p>N&#8217;h&#233;sitez pas &#224; me poser vos questions sur <a href="http://linkedin.com/in/tamarasredojevic">LinkedIn</a> ou par <a href="mailto:hello@iamtamara.design">e-mail</a>. Les interviews compl&#232;tes sont disponibles sur mon <a href="https://www.iamtamara.design/fr/blog">blog</a>.</p><div><hr></div><div class="subscription-widget-wrap-editor" data-attrs="{&quot;url&quot;:&quot;https://tamarasredojevic.substack.com/subscribe?&quot;,&quot;text&quot;:&quot;S'abonner&quot;,&quot;language&quot;:&quot;fr&quot;}" data-component-name="SubscribeWidgetToDOM"><div class="subscription-widget show-subscribe"><div class="preamble"><p class="cta-caption">Ce post vous a plu ? Abonnez-vous pour recevoir des conseils en design accessible chaque mois.</p></div><form class="subscription-widget-subscribe"><input type="email" class="email-input" name="email" placeholder="Tapez votre e-mail&#8230;" tabindex="-1"><input type="submit" class="button primary" value="S'abonner"><div class="fake-input-wrapper"><div class="fake-input"></div><div class="fake-button"></div></div></form></div></div>]]></content:encoded></item></channel></rss>