{"id":497,"date":"2023-08-30T12:25:11","date_gmt":"2023-08-30T10:25:11","guid":{"rendered":"https:\/\/ideance.net\/blog\/?p=497"},"modified":"2023-08-30T14:20:39","modified_gmt":"2023-08-30T12:20:39","slug":"pourquoi-integrer-accessibilite-numerique-ux-days-2023","status":"publish","type":"post","link":"https:\/\/ideance.net\/blog\/en\/497\/pourquoi-integrer-accessibilite-numerique-ux-days-2023\/","title":{"rendered":"Comprendre comment et pourquoi int\u00e9grer l&rsquo;accessibilit\u00e9 num\u00e9rique ? Conf\u00e9rence aux UX Days 2023"},"content":{"rendered":"<p>J&rsquo;ai r\u00e9cemment eu l&rsquo;opportunit\u00e9 de pr\u00e9senter lors des <a href=\"https:\/\/uxdays.eu\/comprendre-pourquoi-et-comment-integrer-laccessibilite-numerique\/\">UX Days 2023<\/a> les enjeux de l&rsquo;accessibilit\u00e9 devant quelques centaines de professionnel\u00b7les de l&rsquo;exp\u00e9rience utilisateur. Mon support de pr\u00e9sentation \u00e9tant particuli\u00e8rement illustratif et peu exploitable sans le discours, je reprends sur ce billet une transcription illustr\u00e9e de la conf\u00e9rence. <!--more--><\/p>\r\n<h2>Vid\u00e9o de la conf\u00e9rence<\/h2>\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\r\n<div class=\"wp-block-embed__wrapper\"><iframe title=\"Conf\u00e9rence de S\u00e9bastien DELORME : comprendre pourquoi et comment int\u00e9grer l\u2019accessibilit\u00e9 num\u00e9rique\" src=\"https:\/\/www.youtube.com\/embed\/UA_kfsvi_dg?si=bijnjKQU7-lv0ps5\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/figure>\r\n<h2>Transcription illustr\u00e9e de la conf\u00e9rence<\/h2>\r\n<p>Membre de l&rsquo;organisation des Flupa UX Days\u00a0: Bonjour \u00e0 toutes et \u00e0 tous. Bienvenue dans la conf\u00e9rence de S\u00e9bastien Delorme. On est tr\u00e8s fiers de voir qu\u2019il y a beaucoup de gens qui sont venus dans cette salle, car c\u2019est une th\u00e9matique tr\u00e8s ch\u00e8re \u00e0 l\u2019association Flupa, organisatrice de cet \u00e9v\u00e9nement. On va apprendre dans cette session \u00e0 comprendre pourquoi et comment int\u00e9grer l\u2019accessibilit\u00e9 num\u00e9rique. Bonne conf\u00e9rence \u00e0 toutes et \u00e0 tous.<\/p>\r\n<h3>Introduction<\/h3>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-502 size-large\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-01-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-01-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-01-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-01-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-01-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-01-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-01-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>S\u00e9bastien Delorme : Au risque de d\u00e9cevoir un peu par rapport aux annonces du titre, aujourd&rsquo;hui nous allons davantage essayer de comprendre pourquoi int\u00e9grer que comment.<\/p>\r\n<h3>Il \u00e9tait une fois, en 2006<\/h3>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-504 size-large\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-02-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-02-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-02-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-02-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-02-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-02-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-02-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je vais commencer par vous raconter une petite histoire qui se d\u00e9roule en 2006. J&rsquo;\u00e9tais alors \u00e9tudiant, en <a href=\"https:\/\/iut.univ-lyon1.fr\/formation\/offre-de-formations\/informatique-bourg-en-bresse\/licence-professionnelle-metiers-de-linformatique-applications-web-parcours-metinet-concepteur-et-gestionnaire-de-sites-internet-metinet\">licence professionnelle METINET<\/a> \u00e0 l&rsquo;IUT de Lyon 1. Et pendant ces cours, l&rsquo;un des intervenants : <a href=\"https:\/\/www.linkedin.com\/in\/jfgalano\/\">Jean-Fran\u00e7ois Galano<\/a> (que je ne remercierais jamais assez), nous a fait d\u00e9couvrir l&rsquo;accessibilit\u00e9 num\u00e9rique. Je pense que c&rsquo;\u00e9tait totalement hors programme, mais le sujet lui tenait \u00e0 c\u0153ur. Il nous a parl\u00e9 d&rsquo;une association : AccessiWeb (qui n&rsquo;existe plus aujourd&rsquo;hui) qui sensibilisait et militait pour un web plus accessible. <a href=\"https:\/\/openclassrooms.com\/forum\/sujet\/concours-trophees-accessiweb-2006-47307\">AccessiWeb et l&rsquo;association Braillenet organisaient \u00e0 l&rsquo;\u00e9poque un concours<\/a> pour les \u00e9tudiants et \u00e9tudiantes. L&rsquo;objectif\u00a0: concevoir et d\u00e9velopper un blog respectant le plus de crit\u00e8res du r\u00e9f\u00e9rentiel AccessiWeb. Je caricature s\u00fbrement un peu pour la conf\u00e9rence, mais, j\u2019\u00e9tais dans la cible, j&rsquo;avais du temps et il y avait un ch\u00e8que cadeau Fnac \u00e0 gagner, j&rsquo;allais n\u00e9cessairement participer. C&rsquo;est donc ce qu&rsquo;on fit avec l&rsquo;un de mes camarades d&rsquo;\u00e9tudes de l&rsquo;\u00e9poque : <a href=\"https:\/\/rue-de-la-vieille.fr\/\">J\u00e9r\u00f4me Mulsant<\/a>.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/06\/slides-UX-Days-04-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" \/><\/figure>\r\n<\/div>\r\n<p>Apr\u00e8s plusieurs journ\u00e9es et soir\u00e9es de travail, nous avons mis en ligne <a href=\"https:\/\/web.archive.org\/web\/20160314010215\/http:\/\/www.tentatives-accessibles.eu\/\">Tentatives Accessibles<\/a>. Pour rappel, l&rsquo;objectif, pour nous \u00e9tudiants, c\u2019\u00e9tait de gagner des prix en fonction du niveau de conformit\u00e9 qu\u2019on obtenait. Grosse d\u00e9ception : aucun \u00e9tudiant qui participait au concours n\u2019a atteint le premier niveau de conformit\u00e9, le niveau bronze. Mais deux \u00e9tudiants a priori sont sortis du lot, et ont r\u00e9ussi \u00e0 montrer quelque chose de plut\u00f4t accessible, c\u2019\u00e9tait J\u00e9r\u00f4me et moi. AccessiWeb organise alors un prix sp\u00e9cial, et on a gagn\u00e9 nos ch\u00e8ques Fnac. L\u2019accessibilit\u00e9 pour moi alors, c\u2019\u00e9tait un r\u00e9f\u00e9rentiel avec des r\u00e8gles graphiques et techniques \u00e0 respecter, \u00e7a ne repr\u00e9sentait pas plus que \u00e7a. Dans les lots gagn\u00e9s, il y avait la possibilit\u00e9 de venir \u00e0 un s\u00e9minaire AccessiWeb. On n\u2019\u00e9tait pas nombreux, peut-\u00eatre 30 \u00e0 40 personnes. Dans ce s\u00e9minaire, on a \u00e9t\u00e9 invit\u00e9 \u00e0 pr\u00e9senter ce qu\u2019on a fait. On a \u00e9t\u00e9 remerci\u00e9s. Et l\u00e0, j\u2019ai eu beaucoup de remerciements, je ne m\u2019y attendais pas du tout\u00a0: de la part de personnes en situation de handicap, de professionnels de l\u2019accessibilit\u00e9, qui m&rsquo;ont dit :\u00a0<q>c\u2019est incroyable, c\u2019est super accessible, \u00e7a n\u2019atteint pas des choses qu\u2019on trouve aujourd\u2019hui sur le web<\/q>. Je me suis dit\u00a0:\u00a0<q>j\u2019ai pass\u00e9 des nuits \u00e0 faire quelque chose, j\u2019ai lu des crit\u00e8res que je ne connaissais m\u00eame pas<\/q>. Des gens ont dit\u00a0: on a besoin de vous pour faire avancer l\u2019accessibilit\u00e9. C\u2019est l\u00e0 que j\u2019ai eu un d\u00e9clic, que je me suis dit que ce que je faisais, \u00e7a pouvait changer la donne, cr\u00e9er un num\u00e9rique plus \u00e9quitable pour tous. Je n\u2019en avais pas conscience jusque-l\u00e0. En 2006, cette conf\u00e9rence se passait \u00e0 la Cit\u00e9 des Sciences. Je suis donc particuli\u00e8rement heureux d&rsquo;\u00eatre devant cette assembl\u00e9e aujourd&rsquo;hui pour vous parler d&rsquo;accessibilit\u00e9 num\u00e9rique. En 2006, j&rsquo;ai \u00e9galement d\u00e9cid\u00e9 de bosser exclusivement sur le sujet et \u00e7a fait 15 ans que je travaille pour faire avancer l&rsquo;acc\u00e8s au num\u00e9rique pour les personnes en situation de handicap. J&rsquo;ai fond\u00e9, il y a 3 ans, une soci\u00e9t\u00e9 qui s&rsquo;appelle <a href=\"https:\/\/ideance.net\/blog\/en\/\">Ideance<\/a> et notre m\u00e9tier c\u2019est d\u2019accompagner les projets pour les aider \u00e0 prendre en compte la dimension du handicap.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1468\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-11-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-11-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-11-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-11-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-11-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-11-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-11-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Aujourd&rsquo;hui, je suis devant vous pour une raison simple, c&rsquo;est que j&rsquo;ai besoin de vous, comme on avait besoin de moi \u00e0 l&rsquo;\u00e9poque pour faire clairement avancer le sujet de l&rsquo;accessibilit\u00e9. J&rsquo;ai besoin des UX designers, des UI designers, de toute la profession qui travaille le plus en amont possible sur les projets pour faire avancer l&rsquo;accessibilit\u00e9, parce que 15 ans apr\u00e8s, je suis toujours dans la m\u00eame situation. Je dois expliquer pourquoi c&rsquo;est important et pourquoi on doit le faire plus que comment on doit le faire. C&rsquo;est un frein \u00e9norme et c&rsquo;est pour \u00e7a que j&rsquo;aimerais aujourd&rsquo;hui vous pr\u00e9senter pourquoi c&rsquo;est absolument indispensable que vous preniez en compte l&rsquo;accessibilit\u00e9 dans vos m\u00e9tiers.<\/p>\r\n<p><em>Je vais juste faire une pause boisson.<\/em><\/p>\r\n<h3>L&rsquo;accessibilit\u00e9 num\u00e9rique, c&rsquo;est quoi\u00a0?<\/h3>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1469\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-13-1024x576.png\" alt=\"Diaporama affichant des lois sur l'accessibilit\u00e9 num\u00e9rique (transcription ci-apr\u00e8s)\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-13-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-13-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-13-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-13-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-13-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-13-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n\r\n<div class=\"ice-transcript\"><button type=\"button\" data-toggle=\"collapse\" data-target=\"#transcript-video-1\" aria-expanded=\"false\" aria-controls=\"transcript-video-1\"> Transcription du diaporama des lois <\/button>\r\n<div id=\"transcript-video-1\" class=\"collapse\">\r\n<ul>\r\n<li><a href=\"https:\/\/www.legifrance.gouv.fr\/loda\/article_lc\/LEGIARTI000037388867\/\">Article 47 de la loi du 11 f\u00e9vrier 2005<\/a><\/li>\r\n<li><a href=\"https:\/\/www.legifrance.gouv.fr\/jorf\/article_jo\/JORFARTI000037367812\">Article 80 de loi n\u00b02018-771<\/a><\/li>\r\n<li><a href=\"https:\/\/www.legifrance.gouv.fr\/jorf\/article_jo\/JORFARTI000047281814\">Article 16 de la loi 2023-171<\/a><\/li>\r\n<li><a href=\"https:\/\/www.legifrance.gouv.fr\/jorf\/id\/JORFTEXT000038811937\">D\u00e9cret n\u00b02019-768 du 24 juillet 2019 relatif \u00e0 l\u2019accessibilit\u00e9 des services de communication au public en ligne<\/a><\/li>\r\n<li><a href=\"https:\/\/www.legifrance.gouv.fr\/codes\/id\/LEGISCTA000047284903\">Article L412-13 du Code de la consommation<\/a><\/li>\r\n<li><a href=\"https:\/\/eur-lex.europa.eu\/legal-content\/FR\/TXT\/?uri=uriserv:OJ.L_.2019.151.01.0070.01.FRA&amp;toc=OJ:L:2019:151:TOC\">Directive europ\u00e9enne 2019\/882 du 17 avril 2019 relative aux exigences d\u2019accessibilit\u00e9 des produits et services<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n\r\n<p>Quand on parle d\u2019accessibilit\u00e9, tr\u00e8s souvent, on parle de lois. C\u2019est un fait, aujourd\u2019hui, l\u2019accessibilit\u00e9 est r\u00e9glement\u00e9e en France. Aussi dans l\u2019ensemble de l&rsquo;Union Europ\u00e9enne et dans beaucoup de territoires nationaux. D\u00e8s que l&rsquo;on parle de loi, j&rsquo;en suis bien conscient, c&rsquo;est barbant donc je ne vais pas du tout vous parler de ce sujet-l\u00e0. Toutefois, avec du recul, malheureusement, ce n&rsquo;est qu&rsquo;avec les lois qu\u2019on a r\u00e9ussi \u00e0 faire avancer le sujet de l&rsquo;accessibilit\u00e9 num\u00e9rique aujourd&rsquo;hui, tr\u00e8s clairement. On est aux UX Days, dans \u00ab\u00a0UX\u00a0\u00bb , il y a \u00ab\u00a0<span lang=\"en\">Users<\/span>\u00a0\u00bb, donc je vais vous parler d&rsquo;utilisateurs et je vais vous montrer en quoi, pour certains utilisateurs, l&rsquo;accessibilit\u00e9 num\u00e9rique est absolument indispensable. Pour \u00e7a, je vais vous passer une petite vid\u00e9o, produite par Apple. Le but n&rsquo;est pas de faire de la pub pour Apple. Ce que vous allez voir fonctionne sur tous les environnements (Windows, Linux, Android), mais Apple a fait une vid\u00e9o qui centralise pas mal de choses dont je vais pouvoir vous parler ensuite. Malheureusement, pour des raisons techniques, cette vid\u00e9o ne sera pas sous-titr\u00e9e alors qu&rsquo;elle l&rsquo;est initialement, mais c&rsquo;est surtout l&rsquo;image qui va \u00eatre importante. La vid\u00e9o dure 1m30, je vous la diffuse et on en discute apr\u00e8s.<\/p>\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\r\n<div class=\"wp-block-embed__wrapper\"><iframe title=\"Accessibilit\u00e9 - Sady - Apple\" src=\"https:\/\/www.youtube.com\/embed\/xpTssaVYfEM?si=tAdn19MnFIFed1VZ\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/figure>\r\n<h4>Vari\u00e9t\u00e9 des besoins et des usages<\/h4>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1470\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-17-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-17-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-17-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-17-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-17-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-17-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-17-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Dans cette vid\u00e9o, il y a probablement des choses que vous connaissez d\u00e9j\u00e0, que vous aviez d\u00e9j\u00e0 vues ou des usages que vous d\u00e9couvrez. Il y a 3 choses qui me semblent importantes \u00e0 soulever dans cette vid\u00e9o et la premi\u00e8re, c\u2019est la vari\u00e9t\u00e9 des usages. Vous voyez des personnes qui ont des besoins totalement diff\u00e9rents, li\u00e9s \u00e0 des handicaps ou \u00e0 des d\u00e9ficiences diff\u00e9rents, qui vont utiliser leur smartphone comme outil de compensation (pour s&rsquo;aider \u00e0 lire avec de l&rsquo;audio), utiliser des p\u00e9riph\u00e9riques adapt\u00e9s comme Sady en fin de vid\u00e9o qui utilise des contacteurs. Elle pilote son ordinateur et son smartphone enti\u00e8rement avec deux contacteurs, deux boutons gr\u00e2ce auxquels on va pouvoir g\u00e9n\u00e9rer des interactions. \u00c7a casse tous les mythes sur l&rsquo;interaction, c&rsquo;est-\u00e0-dire qu&rsquo;on utilise pas uniquement un clavier, une souris ou des \u00e9crans tactiles pour naviguer. D&rsquo;autres syst\u00e8mes existent aujourd&rsquo;hui.<\/p>\r\n<h4>Une soci\u00e9t\u00e9 trop validiste impr\u00e9gn\u00e9e de st\u00e9r\u00e9otypes<\/h4>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1471\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-18-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-18-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-18-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-18-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-18-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-18-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-18-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Le deuxi\u00e8me sujet qui me semble essentiel de montrer dans cette vid\u00e9o, c&rsquo;est qu&rsquo;aujourd&rsquo;hui, on est dans une soci\u00e9t\u00e9 dans laquelle le validisme est beaucoup trop impr\u00e9gn\u00e9.<\/p>\r\n<p class=\"ice-block\">Le validisme est la discrimination par les capacit\u00e9s, envers des personnes qui sont en situation de handicap.<\/p>\r\n<p>Je suis concern\u00e9 (j&rsquo;ai parfois des id\u00e9es re\u00e7ues qui sont assez dures \u00e0 casser), vous \u00eates aussi concern\u00e9s (peut-\u00eatre sans vous en rendre compte), mais on a des id\u00e9es re\u00e7ues beaucoup trop fortes, qu&rsquo;il faut arriver \u00e0 effacer pour faire avancer le sujet de l&rsquo;accessibilit\u00e9. Je vous donne un exemple\u00a0: on voit dans la vid\u00e9o un monsieur, qui est probablement non-voyant ou aveugle, qui utilise son smartphone pour faire une photo. Il y a 10 ans, je n\u2019imaginais pas que ce genre de chose puisse exister. Et quand j&rsquo;en parle, une fois sur deux, on me dit : <q>Il est aveugle, il a vraiment besoin de prendre une photo\u00a0?<\/q>. Il faut qu&rsquo;on casse ces st\u00e9r\u00e9otypes. Il est aveugle, il a des enfants, il veut pouvoir prendre des photos pour les partager, pour envoyer des souvenirs grands-parents ou pour les enregistrer et les partager avec ses enfants plus tard. On a pas \u00e0 se poser la question \u00ab\u00a0Est-ce qu&rsquo;on doit le faire\u00a0?\u00bb, on doit le faire. S&rsquo;il y a un besoin et qu&rsquo;un service existe, c&rsquo;est que les gens en ont besoin, quel que soit leur handicap.<\/p>\r\n<h4>Un foss\u00e9 entre innovation et accessibilit\u00e9 num\u00e9rique<\/h4>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1472\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-21-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-21-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-21-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-21-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-21-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-21-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-21-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Dans cette vid\u00e9o, on voit autre chose qui est majeur, c&rsquo;est le foss\u00e9 entre l&rsquo;innovation et l&rsquo;accessibilit\u00e9 num\u00e9rique. Je vois trop souvent des sujets abord\u00e9s par rapport au handicap sous l&rsquo;angle de l&rsquo;innovation. Aujourd\u2019hui, quand on prend une photo avec son smartphone, on est sur de l\u2019innovation, mais le besoin n\u2019est pas que l\u00e0. Par exemple, ce monsieur peut prendre en photo ses enfants dans un parc. Il ne pouvait probablement pas le faire il y a 5 ans\u00a0: c\u2019est une innovation majeure. Mais il n\u2019a probablement pas pu acheter les billets pour entrer dans le parc, car la plupart des interfaces de billetteries ne sont pas accessibles.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1473\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-25-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-25-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-25-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-25-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-25-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-25-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-25-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>On peut aujourd\u2019hui payer sans contact, avec son smartphone. Pourtant, dans une majorit\u00e9 de banques, on ne peut pas se connecter et faire un virement en ligne.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1474\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-27-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-27-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-27-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-27-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-27-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-27-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-27-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>On peut aujourd\u2019hui scanner un menu en italien dans un restaurant, le traduire automatiquement en fran\u00e7ais et le faire vocaliser \u00e0 haute voix, mais inscrire ses enfants \u00e0 la cantine scolaire, ce n&rsquo;est pas possible car la plupart des interfaces propos\u00e9es pour ce genre de choses ne sont pas accessibles.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1475\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-29-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-29-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-29-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-29-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-29-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-29-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-29-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>On peut s&rsquo;orienter et se d\u00e9placer au m\u00e8tre pr\u00e8s, se g\u00e9olocaliser, orienter des personnes aveugles et malvoyantes dans l&rsquo;espace de mani\u00e8re tr\u00e8s pr\u00e9cise, mais on ne peut toujours pas consulter la correspondance \u00e0 prendre pour le m\u00e9tro dans certaines grandes agglom\u00e9rations.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1476\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-30-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-30-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-30-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-30-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-30-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-30-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-30-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>L&rsquo;accessibilit\u00e9 n&rsquo;est pas un sujet d&rsquo;innovation. C&rsquo;est un droit fondamental.<\/p>\r\n<h3>Ok, mais comment ?<\/h3>\r\n<p>Maintenant que vous \u00eates conscients que le sujet est important \u00e0 prendre en compte, je vais vous montrer une autre vid\u00e9o, que je vais d\u00e9crire.<\/p>\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\r\n<div class=\"wp-block-embed__wrapper\"><iframe title=\"iOS Switch Control Demo\" src=\"https:\/\/www.youtube.com\/embed\/kj9UodcwIes?si=-4zwAKLpHX-HKkw7\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\r\n<\/figure>\r\n<p>Dans la vid\u00e9o, qui est encore sur iOS, on voit quelqu&rsquo;un qui s&rsquo;appelle Todd Stabelfeldt. Il va expliquer comment il navigue sur son smartphone.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1477\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-33-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-33-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-33-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-33-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-33-18x10.png 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-33.png 1294w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Il utilise des contacteurs au niveau de son menton et il actionne des boutons qui sont sur la gauche. Il pilote compl\u00e8tement son smartphone avec ces p\u00e9riph\u00e9riques et ne touche jamais l&rsquo;\u00e9cran. C&rsquo;est ce que l&rsquo;on appelle des contacteurs. J\u2019en ai un. Je ne peux pas faire de d\u00e9monstration pour des raisons techniques, mais si vous \u00eates int\u00e9ress\u00e9s, on se retrouve \u00e0 la sortie et je vous montrerai comment \u00e7a marche.<\/p>\r\n<h4>Ce n&rsquo;est pas qu&rsquo;une question de technique<\/h4>\r\n<p>Ce n&rsquo;est pas parce qu&rsquo;on est sur un p\u00e9riph\u00e9rique qui semble technique que la prise en compte de la compatibilit\u00e9 d&rsquo;une interface avec les contacteurs est purement technique. Par exemple, j&rsquo;utilise un contacteur similaire sur un site de drive. On prend le focus ou on survole en appuyant sur un bouton et on lui dit d\u2019aller sur l\u2019\u00e9l\u00e9ment suivant. Quand on est sur le bon \u00e9l\u00e9ment, on appuie sur le deuxi\u00e8me bouton pour dire que l&rsquo;on veut naviguer dedans. Sauf que ce qui a \u00e9t\u00e9 pr\u00e9vu fonctionnellement sur cet \u00e9cran, c&rsquo;est qu&rsquo;on <em lang=\"en\">swipe<\/em> pour faire d\u00e9filer. Et ce mouvement l\u00e0, Todd ne peut pas le faire. Il peut \u00e9ventuellement le simuler gr\u00e2ce \u00e0 ses technologies d&rsquo;assistance, mais \u00e7a va lui prendre 2 minutes pour le faire, donc il ne le fera pas.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1478\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-45-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-45-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-45-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-45-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-45-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-45-18x10.png 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-45.png 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Une des r\u00e8gles majeures en termes de conception d&rsquo;interfaces, c&rsquo;est de <strong>pr\u00e9voir des alternatives aux gestes complexes<\/strong>. On est pas tous en mesure de les r\u00e9aliser, il faut donc pr\u00e9voir des alternatives. \u00c7a ne veut pas dire qu&rsquo;il faut s&rsquo;en passer, mais simplement qu&rsquo;il faut leur pr\u00e9voir des alternatives. Si je remontre mon exemple avec <a href=\"https:\/\/www.chronodrive.com\/\">Chronodrive<\/a>, que j&rsquo;ai volontairement rendu moins accessible, on a une petite fl\u00e8che sur des syst\u00e8mes de carrousel ou de <em lang=\"en\">swipe<\/em> et quand on appuie dessus avec son contacteur, on va faire d\u00e9filer l&rsquo;interface. L&rsquo;alternative aux gestes complexes est majeure pour cette raison, m\u00eame sur mobile et \u00e7a, souvent, on ne le voit pas.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1478\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-50-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" \/><\/figure>\r\n<\/div>\r\n<p>Le deuxi\u00e8me exemple, c&rsquo;est que Todd utilise un bras articul\u00e9. Il ne touche pas son t\u00e9l\u00e9phone. Il est en mode portrait ou en mode paysage. Il ne change pas le mode de son t\u00e9l\u00e9phone. Et s&rsquo;il arrive sur une application qui lui demande de se mettre en mode paysage pour une meilleure exp\u00e9rience utilisateur, il ne peut pas.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1480\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-52-1024x574.png\" alt=\"\" width=\"640\" height=\"359\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-52-1024x574.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-52-300x168.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-52-768x431.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-52-1536x862.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-52-2048x1149.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-52-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Par exemple, sur Netflix, quand vous \u00eates en mode portrait et que vous lancez une vid\u00e9o, elle se lance en mode paysage sans possibilit\u00e9 de l&rsquo;afficher en mode portrait. Donc Todd va faire un choix.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1481\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-53-1024x578.png\" alt=\"\" width=\"640\" height=\"361\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-53-1024x578.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-53-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-53-768x433.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-53-1536x866.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-53-2048x1155.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-53-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>S\u2019il se met en mode paysage, il a aussi la liste des films en paysage donc il ne se servira pas de Netflix.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1482\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-54-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-54-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-54-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-54-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-54-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-54-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-54-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p><strong>Pr\u00e9voyez syst\u00e9matiquement des interfaces qui fonctionnent sur des formats paysage et portrait<\/strong>. Sur le web, \u00e7a marche, mais sur des applications mobiles, 80% ne fonctionnent qu&rsquo;en mode portrait.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1483\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-55-1024x574.png\" alt=\"\" width=\"640\" height=\"359\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-55-1024x574.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-55-300x168.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-55-768x431.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-55-1536x862.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-55-2048x1149.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-55-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>YouTube le fait bien. On peut lancer une vid\u00e9o en mode portrait. Certes elle ne va prendre que le premier tiers de l&rsquo;\u00e9cran mais on a la vid\u00e9o dans le bon format.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1484\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-57-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-57-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-57-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-57-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-57-18x10.png 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-57.png 1427w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je vous pr\u00e9sente une autre technologie d&rsquo;assistance, qu&rsquo;on appelle licorne. C&rsquo;est un stylet qu\u2019on tient g\u00e9n\u00e9ralement dans la bouche, parfois sur un casque, pour des personnes qui ne peuvent bouger que leur t\u00eate ou leur visage pour faire des actions. C\u2019est avec un stylet qu\u2019on va actionner une interface, en g\u00e9n\u00e9ral plut\u00f4t tactile. Si on ne pr\u00e9voit pas de zones de clics suffisamment larges et espac\u00e9es, on n\u2019arrivera jamais \u00e0 actionner les boutons avec notre licorne.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1485\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-58-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-58-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-58-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-58-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-58-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-58-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-58-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>C&rsquo;est des r\u00e8gles qu&rsquo;on va trouver prochainement dans les nouvelles versions de normes d&rsquo;accessibilit\u00e9, mais qu&rsquo;on peut prendre en compte d\u00e8s maintenant, car l\u2019utilisateur n\u2019attend pas que les normes \u00e9voluent pour avoir des besoins. Donc pensez-y. C\u2019est en train d\u2019\u00eatre normalis\u00e9. Vous avez plein de documentations fournies par Apple ou Google ou m\u00eame dans les <a href=\"https:\/\/www.w3.org\/TR\/WCAG\/\" hreflang=\"en\">WCAG (<em lang=\"en\">Web Content Accessibility Guidelines<\/em>)<\/a>, on va trouver des r\u00e8gles qui disent que ce que l&rsquo;on appelle suffisamment espac\u00e9, c&rsquo;est 24 pixels par 24 pixels\u00a0:<\/p>\r\n<ul>\r\n<li><a lang=\"en\" href=\"https:\/\/m3.material.io\/foundations\/accessible-design\/accessibility-basics\" hreflang=\"en\">Touch and pointer target sizes (Material Design)<\/a><\/li>\r\n<li><a lang=\"en\" href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#target-size-minimum\" hreflang=\"en\">Success Criterion 2.5.8 Target Size WCAG 2.2<\/a> &amp; <a lang=\"en\" href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/target-size-minimum.html\" hreflang=\"en\">Understanding SC 2.5.8:Target Size (Minimum) (Level AA)<\/a><\/li>\r\n<li><a lang=\"en\" href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/accessibility#Buttons-and-controls\" hreflang=\"en\">Give all controls and interactive elements a hit target that\u2019s large enough (Apple)<\/a><\/li>\r\n<\/ul>\r\n<p>Par exemple sur le site de <a href=\"https:\/\/www.lego.com\/fr-fr\">Lego<\/a>, quand on met en favoris un produit, on a un petit bouton en haut \u00e0 gauche qui est beaucoup trop \u00e9troit. Donc quelqu&rsquo;un avec un stylet va, la plupart du temps, cliquer sur la fiche produit et \u00eatre dans l&rsquo;incapacit\u00e9 de mettre en favoris. Je vous parlais tout \u00e0 l&rsquo;heure de la vari\u00e9t\u00e9 des usages et des besoins. Ce que j&rsquo;ai montr\u00e9 l\u00e0, c&rsquo;est uniquement du handicap moteur et c&rsquo;est juste 3 petits exemples.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1486\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-63-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-63-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-63-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-63-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-63-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-63-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-63-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je ne vous ai pas parl\u00e9 de Martha malvoyante, avec une atteinte centrale, c\u2019est-\u00e0-dire qu\u2019elle ne voit pas dans son champ de vision central et utilise le champ de vision p\u00e9riph\u00e9rique. Elle zoome donc fortement sur son ordinateur de bureau et elle se retrouve syst\u00e9matiquement avec la vue mobile sur desktop. Une vue mobile ne s&rsquo;affiche pas que sur mobile. Vous avez tout un tas d&rsquo;utilisateurs qui d\u00e9clenchent la vue mobile sur desktop et qui ne verront jamais la vue desktop d&rsquo;une interface. Donc si on se dit \u00ab\u00a0J\u2019enl\u00e8ve ce bouton, car en mobile il n\u2019a pas d\u2019int\u00e9r\u00eat. Ce n&rsquo;est qu&rsquo;un usage desktop.\u00a0\u00bb, on a rat\u00e9 parce que Martha elle est sur desktop. C&rsquo;est juste qu&rsquo;elle a une vue mobile parce qu&rsquo;elle zoome tr\u00e8s fortement.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1487\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-64-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-64-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-64-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-64-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-64-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-64-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-64-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Yaya, lui, a une atteinte p\u00e9riph\u00e9rique, c&rsquo;est-\u00e0-dire que son champ de vision p\u00e9riph\u00e9rique est d\u00e9grad\u00e9 et il voit mieux dans le champ de vision central. Il casse tous les st\u00e9r\u00e9otypes qu\u2019on a de la malvoyance\u00a0: il regarde des petits \u00e9crans, il veut des petits textes et le but c&rsquo;est qu&rsquo;il ait un maximum d\u2019informations dans son champ de vision. J&rsquo;en reviens au c\u00f4t\u00e9 st\u00e9r\u00e9otypes et validisme\u00a0: <strong>n&rsquo;essayez pas de vous mettre \u00e0 la place de l&rsquo;utilisateur<\/strong>. Lisez, documentez, sollicitez des utilisateurs pour essayer de comprendre leurs besoins. Si on imagine une personne malvoyante, on imagine rarement Yaya qui, lui, affiche des choses qui sont plut\u00f4t petites.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1488\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-65-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-65-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-65-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-65-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-65-18x10.png 18w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-65.png 1227w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je ne vous ai pas parl\u00e9 de Louise, qui a des troubles de l&rsquo;attention. Quand elle est sur un site web qui a des d\u00e9filements automatiques qu&rsquo;elle ne peut pas arr\u00eater, elle est dans l&rsquo;incapacit\u00e9 de se concentrer et elle ne peut pas lire le menu tant que des \u00e9l\u00e9ments d\u00e9filent. Du coup, Louise n\u2019ach\u00e8te pas chez Marks &amp; Spencer <em>(note : le site en question affiche un carrousel de photos qui d\u00e9file automatiquement sans possibilit\u00e9 de mise en pause)<\/em>.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1489\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-66-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-66-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-66-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-66-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-66-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-66-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-66-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je ne vous ai pas parl\u00e9 de Michel, qui est non-voyant et utilise un lecteur d&rsquo;\u00e9cran. Donc sur son smartphone, il a des gestes qui sont diff\u00e9rents. Il utilise le tactile, mais il ne va pas taper du doigt l\u00e0 o\u00f9 il voit le bouton. Donc il a probablement un usage qui est diff\u00e9rent. Par exemple, pour dire \u00e0 son outil de vocalisation de lire la suite, il <em lang=\"en\">swipe<\/em>. Vous, vous le faites pour faire d\u00e9filer, lui le fait pour lire ce qu&rsquo;il y a sur l&rsquo;\u00e9cran. Du coup, l\u2019usage est totalement diff\u00e9rent. Il n&rsquo;utilisera pas le <em lang=\"en\">swipe<\/em> pour faire d\u00e9filer un carrousel. Paradoxalement, Michel a le m\u00eame besoin que Todd. Tous les gestes complexes, ils ne sont pas en mesure de les faire. Soit parce que physiquement, c\u2019est impossible, soit parce que sans la vue, \u00e7a n\u2019a pas de sens.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1498\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-67-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-67-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-67-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-67-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-67-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-67-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-67-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je ne vous ai pas parl\u00e9 d&rsquo;Amina. Amina est sourde et elle a besoin de sous-titrage. Mais parfois, pour des personnes sourdes, le sous-titrage ne suffit pas. Parce qu&rsquo;elles parlent la langue des signes et que c&rsquo;est leur langue maternelle. Le fran\u00e7ais, pour certains sourds, c&rsquo;est une langue secondaire, tout comme pour vous avec l&rsquo;espagnol, l&rsquo;italien ou l&rsquo;anglais. Elle aura peut-\u00eatre plus de difficult\u00e9s \u00e0 comprendre le fran\u00e7ais \u00e9crit. \u00c7a a des impacts sur l\u2019usage, sur la mani\u00e8re dont on r\u00e9dige le contenu, sur la mani\u00e8re dont on va simplifier les choses.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1499\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-68-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-68-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-68-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-68-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-68-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-68-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-68-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je ne vous ai pas parl\u00e9 de Damien, qui est daltonien, comme 8% des hommes. Donc d\u00e8s qu&rsquo;on a de l&rsquo;information port\u00e9e par la couleur, des jeux de bleu, de vert, de rouge qui nous transmettent de l&rsquo;information, un formulaire qui nous dit que tous les champs en rouge posent probl\u00e8me, ce n\u2019est pas tr\u00e8s utile pour lui parce qu&rsquo;il ne distinguent pas le rouge du vert.<\/p>\r\n<div class=\"wp-block-image with-shadow\">\r\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1500\" src=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-69-1024x576.png\" alt=\"\" width=\"640\" height=\"360\" srcset=\"https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-69-1024x576.png 1024w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-69-300x169.png 300w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-69-768x432.png 768w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-69-1536x864.png 1536w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-69-2048x1152.png 2048w, https:\/\/ideance.net\/blog\/wp-content\/uploads\/2023\/08\/slides-UX-Days-69-18x10.png 18w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\r\n<\/div>\r\n<p>Je terminerai avec Claudine, qui a un handicap mental. Elle a besoin qu&rsquo;on simplifie les textes, qu&rsquo;on \u00e9crive dans un standard qu&rsquo;on appelle <a href=\"https:\/\/www.culture.gouv.fr\/Thematiques\/Developpement-culturel\/Culture-et-handicap\/Facile-a-lire-et-a-comprendre-FALC-une-methode-utile\">Facile \u00e0 Lire et \u00e0 Comprendre (FALC)<\/a>, qu\u2019on utilise des pictos, qu&rsquo;on favorise des textes courts et des phrases simples. Ce n\u2019est pas un appauvrissement de la langue fran\u00e7aise, c&rsquo;est une simplification des contenus pour aller \u00e0 l&rsquo;essentiel et \u00eatre plus clair.<\/p>\r\n<h3>Comment prendre en compte tous ces besoins ?<\/h3>\r\n<p>Je vous ai d\u00e9montr\u00e9 qu&rsquo;il y en a plein et pourtant, ce que je vous ai montr\u00e9, c\u2019est peut-\u00eatre 2% des usages de personnes en situation de handicap. C&rsquo;est pourquoi il ne faut pas avoir peur de certains mots. <a href=\"https:\/\/www.w3.org\/TR\/WCAG\/\">WCAG<\/a>, c\u2019est un standard, c\u2019est une norme. Alors certes, si vous allez la lire, vous allez vous arracher les cheveux, vous endormir dessus et vous dire que c&rsquo;est une catastrophe, mais \u00e7a a \u00e9t\u00e9 r\u00e9fl\u00e9chi depuis des ann\u00e9es avec des professionnels de l\u2019accessibilit\u00e9, du num\u00e9rique et des utilisateurs et des utilisatrices. Quand WCAG dit ce qu\u2019il faut faire, c\u2019est que \u00e7a couvre tous les besoins que je vous ai montr\u00e9s et \u00e7a a \u00e9t\u00e9 r\u00e9fl\u00e9chi pendant des ann\u00e9es. Pour l&rsquo;illustrer, on est sur la version 2.1 et \u00e7a fait des ann\u00e9es qu&rsquo;on attend la version 2.2, qui va sortir bient\u00f4t, mais c&rsquo;est parce qu&rsquo;il y a tellement besoin de trouver une coh\u00e9rence et une harmonie entre tous les besoins utilisateurs, que c\u2019est long de se mettre d\u2019accord sur des standards.<\/p>\r\n<p>En France, vous avez le RGAA, le <a href=\"https:\/\/accessibilite.numerique.gouv.fr\/\">R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d&rsquo;Am\u00e9lioration de l&rsquo;Accessibilit\u00e9<\/a>. Je pense que si vous vous plongez dedans, vous allez faire le m\u00eame constat et vous dire que c&rsquo;est compliqu\u00e9 ou pas fait pour vous.<\/p>\r\n<p>Je vous ai pr\u00e9par\u00e9 une petite synth\u00e8se de ressources sur le blog d&rsquo;Ideance\u00a0: <a href=\"https:\/\/ideance.net\/blog\/en\/467\/accessibilite-ux-ui-design\/\">Ressources d\u2019accessibilit\u00e9 pour UX et UI designers<\/a>. Vous tomberez sur un article avec 7 ressources qui vont vulgariser, de mani\u00e8re assez compl\u00e8te, les sujets d\u2019accessibilit\u00e9 pour des UX designers (aussi pour des UI designers). \u00c7a vous permet d\u2019avoir une premi\u00e8re approche, de vous dire\u00a0: si je dois me documenter, voil\u00e0 ce qui est important \u00e0 savoir.<\/p>\r\n<h3>Conclusion<\/h3>\r\n<p>Je vais conclure sur des sujets fondamentaux \u00e0 avoir en t\u00eate, quand vous lirez cette documentation et essayerez de prendre en compte l&rsquo;accessibilit\u00e9.<\/p>\r\n<h4>Pas d&rsquo;UX sans accessibilit\u00e9<\/h4>\r\n<p>Je vais \u00eatre assez radical, mais il n&rsquo;y a pas d&rsquo;UX, d&rsquo;exp\u00e9rience utilisateur, sans accessibilit\u00e9. On travaille sur des domaines compl\u00e9mentaires mais qui sont diff\u00e9rents. Je ne peux pas consid\u00e9rer qu\u2019une exp\u00e9rience utilisateur puisse s\u2019am\u00e9liorer si elle n\u2019existe pas. Vous pouvez construire l\u2019immeuble id\u00e9al, si devant il y a trois petites marches, une grande partie de personnes en situation de handicap ne pourra y entrer. C&rsquo;est exactement la m\u00eame chose sur le web. Vous avez des personnes qui ne peuvent pas r\u00e9aliser des actions. Donc avant de parler de leur exp\u00e9rience, \u00a0il faut qu\u2019elle existe. Vous avez cette responsabilit\u00e9 (pas que vous, les devs, les contributeurs, etc.) de prendre en compte l\u2019accessibilit\u00e9 pour vraiment parler d\u2019am\u00e9lioration d\u2019exp\u00e9rience utilisateur.<\/p>\r\n<h4>Pas d&rsquo;exp\u00e9rience satisfaisante sans une conception accessible<\/h4>\r\n<p>On ne peut pas tout g\u00e9rer par la technique. On se retrouve souvent avec des situations o\u00f9 des sites, en termes de conception, sont un peu accessibles, ou un peu difficiles et on se dit qu&rsquo;on va se reposer sur les \u00e9quipes techniques, parce que l&rsquo;accessibilit\u00e9, c&rsquo;est 80% de r\u00e8gles techniques. Certes, mais si on a quatre marches devant un immeuble et qu\u2019on n\u2019a pas suffisamment de place pour mettre une rampe d\u2019acc\u00e8s , on sera peut-\u00eatre un peu accessible ou conforme \u00e0 des normes, mais la personne va r\u00e2ler.<\/p>\r\n<p>Il n&rsquo;y a pas tr\u00e8s longtemps, je me suis rendu dans un magasin refait \u00e0 neuf \u00e0 Rouen, o\u00f9 j&rsquo;habite. Maisons du Monde pour ne pas les citer. Il y a un ascenseur et il faut monter une marche pour l&rsquo;atteindre. Du coup, ils ont install\u00e9 un monte-charge. Donc \u00e0 c\u00f4t\u00e9 de l\u2019ascenseur, on a un monte-charge qui permet d\u2019entrer en fauteuil et de monter 20cm pour prendre l\u2019ascenseur. \u00c7a r\u00e9pond aux normes, mais en termes de conception, c\u2019est un enfer. C\u2019est m\u00eame rabaissant pour la personne en fauteuil. On aurait pu imaginer une rampe, un espace plus important pour atteindre cet ascenseur. C&rsquo;est face \u00e0 \u00e7a qu&rsquo;on se retrouve tr\u00e8s r\u00e9guli\u00e8rement dans le web aujourd&rsquo;hui.<\/p>\r\n<p><strong>En tant qu&rsquo;UX ou personne intervenant sur de la conception, vous avez un r\u00f4le majeur \u00e0 jouer.<\/strong><\/p>\r\n<p>Petit exemple. Si on a des animations qui d\u00e9filent en boucle sur une interface, on ne peut pas s&rsquo;appuyer sur un outil suppl\u00e9mentaire ou magique qui permettrait de dire qu&rsquo;un bouton existe, quelque part dans l&rsquo;interface, pour arr\u00eater les animations. \u00c0 vous de le trouver. C&rsquo;est long et ce n&rsquo;est pas une r\u00e9ponse suffisante. Pour revenir \u00e0 mon exemple d&rsquo;une personne avec des troubles de l&rsquo;attention, elle ne va pas passer 2 minutes \u00e0 chercher comment arr\u00eater les animations, elle va fermer le site web si \u00e7a la d\u00e9range et passera sur un autre site.<\/p>\r\n<h4>L&rsquo;exp\u00e9rience et l&rsquo;accessibilit\u00e9 ne se limitent pas aux interfaces<\/h4>\r\n<p>Quand on parle d&rsquo;accessibilit\u00e9 num\u00e9rique, on parle souvent de normes, de r\u00e9f\u00e9rentiels, de RGAA, de comment utiliser des couleurs pour concevoir une interface, comment d\u00e9velopper l\u2019interface pour \u00eatre accessible, mais l\u00e0 o\u00f9 vous avez une vision plus globale que moi, c\u2019est que vous intervenez sur du service de mani\u00e8re g\u00e9n\u00e9rale, sur de l\u2019exp\u00e9rience utilisateur de mani\u00e8re g\u00e9n\u00e9rale et on a besoin de prendre en compte l\u2019accessibilit\u00e9 sur l\u2019ensemble d\u2019un service.<\/p>\r\n<p>Je vais en parler parce que \u00e7a a fait beaucoup de bruit r\u00e9cemment. Uber est une application qui est probablement la plus accessible du march\u00e9, techniquement parlant (au niveau des VTC). Je ne vais pas dire pas qu\u2019ils sont exemplaires, mais ils sont tr\u00e8s tr\u00e8s bons et aucun concurrent ne leur arrive \u00e0 la cheville, du point de vue de l&rsquo;accessibilit\u00e9 des interfaces. Ils le disent, ils font tout ce qu\u2019ils peuvent pour avoir une bonne compatibilit\u00e9 avec les personnes aveugles, les lecteurs d&rsquo;\u00e9crans, etc. \u00c0 un moment, c\u2019\u00e9tait un exemple que je citais. Je faisais des d\u00e9mos sur Uber pour montrer comment \u00e7a fonctionnait.<\/p>\r\n<p>Uber, c\u2019est tous les mois, je n\u2019exag\u00e8re pas, des articles de presse de personnes principalement aveugles ou malvoyantes, ou avec des animaux d\u2019assistance, qui ont \u00e9t\u00e9 refus\u00e9es dans les VTC, parce que les chauffeurs ne veulent pas d\u2019un animal dans leur v\u00e9hicule. C&rsquo;est une obligation l\u00e9gale, mais pourtant, les chauffeurs ne sont pas assez sensibilis\u00e9s et form\u00e9s. On ne leur explique pas et je pense qu&rsquo;Uber ne joue pas son r\u00f4le pour leur dire qu&rsquo;ils n&rsquo;ont pas le choix et que cela fait partie des responsabilit\u00e9s \u00e0 avoir pour pouvoir travailler avec eux. Aujourd\u2019hui, ce n\u2019est pas pris en compte. <strong>Donc on aura beau avoir la meilleure accessibilit\u00e9 possible au niveau de l\u2019interface, si le service n\u2019est pas bon derri\u00e8re, on a tout rat\u00e9<\/strong>.<\/p>\r\n<p>Donc pensez aussi \u00e0 l&rsquo;\u00e9chelle du service.<\/p>\r\n<p>Pour vous illustrer \u00e7a avec des chiffres, qui personnellement me font peur, en Californie (o\u00f9 il y a une obligation l\u00e9gale) et uniquement en Californie, soit un \u00e9tat des \u00c9tats-unis et non l&rsquo;ensemble du territoire am\u00e9ricain, entre 2017 et 2018, Uber a eu l\u2019obligation de remonter les 4513 plaintes qu\u2019ils ont eues pour traitement injuste ou discrimination envers des personnes handicap\u00e9es. 2240 plaintes \u00e9taient li\u00e9es \u00e0 des refus de services d&rsquo;animaux d&rsquo;assistance. Sur 2 ans, \u00e7a fait beaucoup par jour et c&rsquo;est assez consid\u00e9rable. Source\u00a0: <a lang=\"en\" href=\"https:\/\/www.cpuc.ca.gov\/regulatory-services\/licensing\/transportation-licensing-and-analysis-branch\/transportation-network-companies\/tnc-accessibility-plan-and-driver-training-program\" hreflang=\"en\">TNC Accessibility Plan, Driver Training Program Details and Accessibility Data<\/a>.<\/p>\r\n<p>Globalement, vous ne travaillez pas toutes et tous sur des applications de VTC, mais peut-\u00eatre que vous avez l\u2019occasion de travailler sur des services dans lesquels il y a des hotlines, des supports clients, des syst\u00e8mes de chat, des conseillers client\u00e8le, sur des services de e-commerce avec de la livraison, etc. Il faut <strong>penser \u00e0 la prise en compte du handicap sur l\u2019ensemble du service<\/strong>, pas uniquement sur l\u2019interface.<\/p>\r\n<p>Pour \u00e7a, vous avez un moyen assez important, c\u2019est de tester et faire tester par les utilisateurs. N\u2019oubliez pas d\u2019impliquer les personnes concern\u00e9es dans des tests utilisateurs, des retours ou des avis. C&rsquo;est plus compliqu\u00e9 que pour du test utilisateur lambda, parce que par exemple, quelqu&rsquo;un d&rsquo;aveugle ne peut pas tester tant que ce n&rsquo;est pas accessible. On en revient au fait qu&rsquo;il faut que ce soit techniquement accessible pour pouvoir tester et faire des retours. Donc le respect des normes est absolument indispensable, mais il faut les embarquer, parce qu&rsquo;il n&rsquo;y a qu&rsquo;eux qui vont pouvoir aller plus loin et vous donner les points, les priorit\u00e9s, qu&rsquo;est-ce qui les bloque, les g\u00e8ne, qu&rsquo;est-ce qu&rsquo;ils ont du mal \u00e0 comprendre, etc.<\/p>\r\n<h4>L&rsquo;accessibilit\u00e9 a besoin de vous pour avancer<\/h4>\r\n<p>On a besoin de tout le monde en mati\u00e8re d\u2019accessibilit\u00e9. Je suis ravi que vous soyez aussi nombreux, parce qu&rsquo;en 15 ans, tr\u00e8s souvent, quand on parle d\u2019accessibilit\u00e9, on se retrouve \u00e0 20 ou 30 personnes. Donc \u00e7a fait plaisir. Je constate aussi que le sujet de l&rsquo;accessibilit\u00e9 est davantage port\u00e9 par les m\u00e9tiers de la conception aujourd&rsquo;hui. Il y a 15 ans, c&rsquo;\u00e9tait principalement les \u00e9quipes de d\u00e9veloppement qui bataillaient pour que le sujet soit pris en compte. Aujourd&rsquo;hui j&rsquo;en profite, car je sens qu\u2019il y a une vraie volont\u00e9 d\u2019avancer sur de la conception, sur de l\u2019UX ou de l\u2019UI, ou m\u00eame la gestion de projet. On a vraiment besoin que vous avanciez. Lisez des ressources, n\u2019h\u00e9sitez pas m\u2019\u00e9crire ou \u00e0 m&rsquo;envoyer des messages, je r\u00e9pondrai avec grand plaisir. Je vous remercie de votre attention et je suis dispo pour les questions.<\/p>\r\n<h3>Questions<\/h3>\r\n<h4>Question 1<\/h4>\r\n<blockquote>Bonjour, Alexandre Coche, Digilitix. Vous venez de pr\u00e9senter beaucoup de r\u00e8gles \u00e0 mettre en place pour \u00eatre compliant, pour avoir un bon niveau d\u2019accessibilit\u00e9. Est-ce qu&rsquo;on ne manque un peu d\u2019outils pour int\u00e9grer tout \u00e7a c\u00f4t\u00e9 conception, pour faciliter la vie des designers ? Est-ce que \u00e7a ne fait pas beaucoup de choses sur les \u00e9paules du designer qui n\u2019est pas assez outill\u00e9 pour \u00e7a ?<\/blockquote>\r\n<p>S\u00e9bastien Delorme : je ne suis pas s\u00fbr qu\u2019on manque d\u2019outils. Je dirais qu\u2019on en a trop, mais ils ne sont pas int\u00e9gr\u00e9s dans les outils du design aujourd\u2019hui. Pareil pour les environnements de d\u00e9veloppement. L\u2019accessibilit\u00e9 aujourd\u2019hui est souvent consid\u00e9r\u00e9e comme un \u00e9l\u00e9ment \u00e0 part. Je le vois quand j&rsquo;interviens sur des projets, on est les consultant accessibilit\u00e9, on est le petit greffon qui va sur les projets. L&rsquo;approche outils est pouss\u00e9e par les consultants d&rsquo;access, donc il y a beaucoup de bo\u00eetes d\u2019access qui d\u00e9veloppent des outils, qui disent que \u00e7a marche bien, mais il faut que \u00e7a marche avec les outils que vous utilisez au quotidien ou que les devs utilisent au quotidien.<\/p>\r\n<p>Mais il y a des choses qui commencent \u00e0 arriver.<\/p>\r\n<p>Dans Figma par exemple, on a plein de choses pour pouvoir tester les contrastes, m\u00eame s&rsquo;il n&rsquo;y a pas que les contrastes, clairement. Mais c&rsquo;est un sujet qu&rsquo;on rel\u00e8ve souvent est qui est aujourd&rsquo;hui int\u00e9gr\u00e9 dans Figma, mais il y a encore des choses \u00e0 faire. Par exemple, les tailles de zones cliquables, ce n&rsquo;est pas encore dans les normes il va falloir s&rsquo;outiller. Il y a un outil qui le prend en compte, c\u2019est une appli Android : <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.google.android.apps.accessibility.auditor&amp;hl=fr&amp;gl=US&amp;pli=1\">Accessibility Scanner<\/a>.<\/p>\r\n<p>Alexandre Coche :<\/p>\r\n<blockquote>Oui, je pense qu&rsquo;on sera bien plus forts le jour o\u00f9 Figma int\u00e9grera \u00e7a de mani\u00e8re native dans l&rsquo;interface.<\/blockquote>\r\n<h4>Question 2<\/h4>\r\n<blockquote>Tu disais que tu as besoin de nous, mais nous aussi, on a besoin de conseils, de guides. C\u2019est un sujet tr\u00e8s mal \u00e9cout\u00e9, mal compris par les entreprises, surtout dans la prod. Ce n\u2019est pas facile encore. Je suis d\u2019accord avec toi, on a besoin tous de collaboration. Je me suis souvent confront\u00e9 dans diff\u00e9rentes bo\u00eetes, dans l\u2019e-learning ou les applications mobiles : avec quelles ressources on arrive \u00e0 convaincre, en tant que designers, les stake-holders de faire entrer l\u2019accessibilit\u00e9 dans la roadmap produit ? Les entreprises, tr\u00e8s souvent, r\u00e9pondent que c\u2019est co\u00fbteux. \u00c7a m\u2019est arriv\u00e9 d\u2019entrer dans des flots de 6 \u00e0 12 mois avec les devs pour construire \u00e7a, c\u2019est tr\u00e8s long. Je suis s\u00fbr que tu as d\u00e9j\u00e0 d\u00fb avoir une telle situation, que tu as \u00e9t\u00e9 confront\u00e9 \u00e0 une probl\u00e9matique comme la mienne, petite entreprise comme grande entreprise, quel est le levier, quel type de conseil recommandes-tu aux \u00e9quipes produit pour prendre en charge \u00e0 la fois la formation des \u00e9quipes et la prise en charge de ce travail, pour les devs comme pour les designers ? Tu recommandes la fa\u00e7on un peu classique (on embauche une boite 6 mois pour faire \u00e7a. Formation, accompagnement, etc.) ? Ou alors, tests utilisateurs ?<\/blockquote>\r\n<p>S\u00e9bastien Delorme : il y a plusieurs approches, qui ne marcheront pas en en fonction des tailles des structures et de leurs cibles.<\/p>\r\n<p>Tout \u00e0 l&rsquo;heure, j&rsquo;ai rapidement \u00e9cart\u00e9 le sujet l\u00e9gal. Aujourd&rsquo;hui, c&rsquo;est le levier qui marche le plus. \u00c7a ne cible pas tout le monde, mais on le voit, depuis 2019, quand on a \u00e9largi l&rsquo;obligation l\u00e9gale aux entreprises priv\u00e9es, il y a eu une consid\u00e9ration. Peut-\u00eatre pas grand chose, mais \u00e0 mon \u00e9chelle, la plupart des structures sp\u00e9cialis\u00e9es en accessibilit\u00e9 n&rsquo;arrivent pas \u00e0 recruter. On a toutes et tous quadrupl\u00e9, voire plus, nos effectifs donc \u00e7a veut dire qu&rsquo;il y a une demande. Et ce changement est arriv\u00e9 depuis l&rsquo;obligation l\u00e9gale, avec des vraies sanctions et un vrai organisme de contr\u00f4le qui v\u00e9rifie que c&rsquo;est bien mis en \u0153uvre (ce qu&rsquo;on va avoir bient\u00f4t), \u00e7a peut faire bouger des choses.<\/p>\r\n<p>C\u2019est malheureux d\u2019en arriver l\u00e0, mais \u00e7a bouge pour ces raisons l\u00e0.<\/p>\r\n<p>Vous avez beaucoup d\u2019acteurs en France qui se sont mis en accessibilit\u00e9, notamment dans le luxe, car ils ont eu des proc\u00e8s aux \u00c9tats-Unis, parce que l\u00e0-bas il y a des proc\u00e8s (pas quotidiens, mais pas loin) sur les questions d&rsquo;accessibilit\u00e9.<\/p>\r\n<p>Ce qu&rsquo;il faut \u00e9viter, et je vais revenir au validisme, c&rsquo;est de trouver le b\u00e9n\u00e9fice large. \u00c7a fait quinze ans qu\u2019on le fait, \u00e7a ne marche pas. Dire par exemple : \u00ab Si vous prenez en compte l&rsquo;accessibilit\u00e9, \u00e7a aura un impact sur le SEO. C&rsquo;est mieux pour tout le monde, etc. \u00bb.<\/p>\r\n<p>L\u2019accessibilit\u00e9, ce n\u2019est pas de l\u2019ergo, ce n\u2019est pas de l\u2019exp\u00e9rience utilisateur. Oui, \u00e7a a un petit impact sur tout le monde, mais si on a cette approche l\u00e0, on finit par en oublier pour qui on le fait en premier lieu. Il faut penser l&rsquo;accessibilit\u00e9 pour ce que c&rsquo;est. C&rsquo;est r\u00e9pondre \u00e0 des besoins de personnes en situation de handicap.<\/p>\r\n<p><strong>Le b\u00e9n\u00e9fice induit ne doit pas \u00eatre utilis\u00e9 comme levier d&rsquo;argument.<\/strong> \u00c7a risque m\u00eame de fausser la donne quand les projets vont avancer.<\/p>\r\n<p>Apr\u00e8s, souvent, c\u2019est le c\u00f4t\u00e9 prendre en amont. Le fait de profiter d\u2019une refonte ou d\u2019une conception en partant de z\u00e9ro ou presque. On va r\u00e9ussir plus facilement \u00e0 l\u2019int\u00e9grer qu\u2019apr\u00e8s coup. Malheureusement, \u00e7a marche sur les structures qui se sont cass\u00e9es les dents sur ces sujets l\u00e0. Nous par exemple, on intervient sur des audits de site web. On fait des constats, c\u2019est la cata, il faut tout corriger. Et quand on \u00e9value ce que \u00e7a repr\u00e9sente, tr\u00e8s souvent, la moiti\u00e9 des structures ne font rien, car c\u2019est trop co\u00fbteux, trop complexe. Mais au moins, elles se disent qu\u2019elles le prendrons en amont pour la prochaine fois.<\/p>\r\n<p>Donc, en amont, pourquoi pas s\u2019appuyer sur des sp\u00e9cialistes de l\u2019accessibilit\u00e9, ou essayer de trouver des utilisateurs de ces solutions. \u00c7a peut changer la donne.<\/p>\r\n<p>La SNCF par exemple, depuis 5 ou 6 ans, dans leurs \u00e9quipes de testeurs, il y a quelqu\u2019un qui s\u2019appelle Yannick, qui est non-voyant, qui fait les tests avec les \u00e9quipes de testeurs. Il a la particularit\u00e9 d&rsquo;\u00eatre non voyant, coll\u00e8gue des testeurs (avec le c\u00f4t\u00e9 empathique que cela implique) et usager de la SNCF. On a donc cet impact qui est beaucoup plus fort, de voir concr\u00e8tement les probl\u00e8mes rencontr\u00e9s et c\u2019est un levier pour faire modifier les choses. Depuis ce moment-l\u00e0, je pense que \u00e7a fait changer des choses chez SNCF Connect et on a un niveau d\u2019accessibilit\u00e9, qui a parfois des d\u00e9fauts, mais qui est globalement bon. Le fait d\u2019avoir un utilisateur avec eux a probablement \u00e9t\u00e9 le point de d\u00e9marrage, d&rsquo;autant plus que ce soit un coll\u00e8gue. \u00c7a permet de casser certaines barri\u00e8res. J&rsquo;ai crois\u00e9 Yannick il n&rsquo;y a pas tr\u00e8s longtemps. Il est venu \u00e0 une conf\u00e9rence d\u00e9di\u00e9e \u00e0 l&rsquo;accessibilit\u00e9 avec une de ses coll\u00e8gues et il m\u2019a dit : je te pr\u00e9sente ma coll\u00e8gue, tu te souviens, c\u2019\u00e9tait elle qui \u00e9tait la plus r\u00e9fractaire sur les questions d\u2019accessibilit\u00e9. Et aujourd\u2019hui, elle aide en interne et participe \u00e0 cette sensibilisation et cette am\u00e9lioration, parce qu&rsquo;il y a eu ce d\u00e9clic.<\/p>\r\n<h4>Question 3<\/h4>\r\n<blockquote>Moi c&rsquo;est St\u00e9phane. Je suis service designer et guide UX en tant qu&rsquo;ind\u00e9pendant. L&rsquo;accessibilit\u00e9, \u00e7a fait d\u00e9j\u00e0 depuis 2004, 2006 qu\u2019on en parle.<\/blockquote>\r\n<blockquote>Je suis tr\u00e8s content d\u2019entendre que \u00e7a d\u00e9bouche enfin sur quelque chose. On remarquait en tant qu&rsquo;agence qu&rsquo;on arrivait jamais \u00e0 vendre l&rsquo;accessibilit\u00e9 d\u00e9j\u00e0 en 2006. Et aujourd&rsquo;hui, encore une fois, quand je fais de l\u2019UX Research, j\u2019int\u00e8gre dans les tests les gens qui sont en incapacit\u00e9 cognitive ou handicap, etc. C\u2019est tr\u00e8s difficile de se dire : comment on recrute les gens \u00e0 part passer par des bo\u00eetes ? Et encore eux-m\u00eames ont des difficult\u00e9s de pan\u00e9listes avec le RGPD. Je suis en Belgique, donc les lois sont un peu diff\u00e9rentes m\u00eame s\u2019il y a des lois europ\u00e9ennes.<\/blockquote>\r\n<blockquote>Ma premi\u00e8re question, comment vous faites pour le recrutement ? Pour la deuxi\u00e8me, je vois encore aujourd\u2019hui en Belgique, ils ne sont pas nombreux, quelques dizaines dans le domaine, que c&rsquo;est toujours d\u00e9-prioris\u00e9. Quand bien m\u00eame on a une volont\u00e9 de se dire qu\u2019il faut le mettre dans le pack, car c&rsquo;est entre 10 et 15% de la population, que c\u2019est du business aussi, on essaie de parler toujours avec les personnes concern\u00e9es. Les lois existent, mais personne ne donne des amendes. Il n\u2019y a pas de sanctions derri\u00e8re. Aux \u00c9tats-Unis, c\u2019est un cas \u00e0 part. Mais en Europe, je n\u2019ai pas l\u2019impression que les amendes tombent.<\/blockquote>\r\n<p>S\u00e9bastien Delorme : \u00e7a va changer. Effectivement, ce sera le levier, mais \u00e7a va changer. Je ne connais pas le contexte en Belgique. Sur l&rsquo;ensemble du territoire europ\u00e9en, on a une directive qui doit \u00eatre obligatoirement transpos\u00e9e (c&rsquo;est en cours en France, au Luxembourg et dans d&rsquo;autres \u00e9tats membres) avec des instances de contr\u00f4les qui sont nomm\u00e9es. Depuis mars, on a des organismes de contr\u00f4le qui ont \u00e9t\u00e9 nomm\u00e9s en France. La R\u00e9pression des Fraudes est charg\u00e9e de piloter tout \u00e7a, la Banque de France, l&rsquo;ARCOM et l&rsquo;ARCEP auront les moyens pour contr\u00f4ler.<\/p>\r\n<p>J&rsquo;ose esp\u00e9rer que \u00e7a permettra de faire changer des choses, comme un peu sur la protection des donn\u00e9es personnelles. La R\u00e9pression des fraudes l\u2019a cit\u00e9 en disant qu&rsquo;en France, les sanctions en cas de non transparence sont de 20 000\u20ac donc m\u00eame si on dit qu&rsquo;on est 1% conforme, on a pas de sanction. Elle aura la capacit\u00e9 de dire : attention, vous n\u2019\u00eates pas conformes. Et \u00e0 partir du moment o\u00f9 on bascule en injonction, \u00e7a peut se traduire au p\u00e9nal. Donc \u00e7a peut \u00eatre un levier beaucoup plus important. Il y aura probablement quelques cas d\u2019exemples qui feront changer les choses, j&rsquo;esp\u00e8re.<\/p>\r\n<p>Pour revenir \u00e0 la premi\u00e8re question, c&rsquo;est souvent d\u00e9-prioris\u00e9 oui. Il faut arriver \u00e0 convaincre, \u00e0 cr\u00e9er de l\u2019empathie, \u00e0 faire des d\u00e9mos. Pour les tests utilisateurs, il y a soit des pan\u00e9listes d\u00e9di\u00e9s. Souvent, les premi\u00e8res approches, c\u2019est trouver en interne potentiellement. La Banque postale a fait \u00e7a, la SNCF aussi, en trouvant des salari\u00e9s ou des agents internes, qui sont ravis de prendre du temps (pas trop non plus car ce sont des gens qui ont un m\u00e9tier \u00e0 part enti\u00e8re et leur but n&rsquo;est pas de faire du test utilisateur pour leur employeur tous les jours). Mais \u00e0 un moment donn\u00e9, faire un retour,\u00a0 une d\u00e9mo \u00e0 quelques \u00e9quipes, \u00e7a peut commencer comme \u00e7a avant d&rsquo;aller plus largement dans le test utilisateur. Et l&rsquo;autre c\u00f4t\u00e9, c\u2019est la communication. Il faut conseiller \u00e0 vos clients de communiquer. Vous n\u2019\u00eates pas parfaits en mati\u00e8re d\u2019accessibilit\u00e9, mais dites-le, et dites que vous \u00eates \u00e0 l\u2019\u00e9coute et des clients ou des usagers vous contacteront et essayez de voir s&rsquo;ils sont partants pour faire des tests. Et s&rsquo;ils donnent leur avis ou font des retours, prenez les compte.<\/p>\r\n<p>Personne de l&rsquo;organisation : on est d\u00e9sol\u00e9s, on va s&rsquo;arr\u00eater \u00e0 cette derni\u00e8re question. Si vous avez d\u2019autres questions, S\u00e9bastien sera disponible au stand Flupa apr\u00e8s la conf\u00e9rence, pendant les temps de pause.<\/p>\r\n<p>S\u00e9bastien Delorme : exactement. Je suis l\u00e0, je suis dispo si vous voulez discuter, avec grand plaisir.<\/p>\r\n<p>Personne de l&rsquo;organisation : merci \u00e0 tous.<\/p>","protected":false},"excerpt":{"rendered":"<p>J&rsquo;ai r\u00e9cemment eu l&rsquo;opportunit\u00e9 de pr\u00e9senter lors des UX Days 2023 les enjeux de l&rsquo;accessibilit\u00e9 devant quelques centaines de professionnel\u00b7les de l&rsquo;exp\u00e9rience utilisateur. Mon support de pr\u00e9sentation \u00e9tant particuli\u00e8rement illustratif et peu exploitable sans le discours, je reprends sur ce billet une transcription illustr\u00e9e de la conf\u00e9rence.<\/p>","protected":false},"author":1,"featured_media":630,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12,13],"tags":[],"class_list":["post-497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sensibilisation","category-ux-ui"],"acf":[],"_links":{"self":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/comments?post=497"}],"version-history":[{"count":64,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/497\/revisions"}],"predecessor-version":[{"id":1773,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/497\/revisions\/1773"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media\/630"}],"wp:attachment":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media?parent=497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/categories?post=497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/tags?post=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}