WEBVTT 1 00:00:02.328 --> 00:00:03.029 Le WAMCAST, 2 00:00:03.629 --> 00:00:09.373 toute l'actu du marketing digital et des conseils d'experts pour booster l'autorité de votre marque par l'agence WAM. 3 00:00:09.897 --> 00:00:13.479 Bonjour à toutes et à tous et bienvenue dans ce nouvel épisode du WAMCAST. 4 00:00:13.581 --> 00:00:17.885 Alors aujourd'hui nous abordons un sujet crucial qui concerne toutes les entreprises, 5 00:00:18.065 --> 00:00:19.284 l'accessibilité web. 6 00:00:19.940 --> 00:00:24.471 Une directive européenne et nationale est en effet entrée en vigueur depuis le 28 juin dernier. 7 00:00:24.956 --> 00:00:28.971 Elle vise à garantir l'accès à certains services et produits aux personnes en situation de handicap. 8 00:00:29.184 --> 00:00:32.245 et la mise en conformité des sites web est donc devenue obligatoire, 9 00:00:32.364 --> 00:00:34.963 y compris pour la plupart des entreprises du secteur privé. 10 00:00:35.444 --> 00:00:37.346 Et dans ce numéro 59 du WAMCAST, 11 00:00:37.448 --> 00:00:43.010 nous allons voir les impacts que peut avoir cette loi sur vos sites web et quels sont les parallèles avec l'expérience utilisateur. 12 00:00:43.627 --> 00:00:45.104 Avant d'être une simple contrainte, 13 00:00:45.166 --> 00:00:49.901 vous verrez en effet que l'accessibilité est avant tout un levier puissant de performance digitale. 14 00:00:50.432 --> 00:00:51.995 Et pour vous éclairer sur cet enjeu, 15 00:00:52.026 --> 00:00:54.495 j'ai le plaisir d'accueillir deux experts de l'agence WAM, 16 00:00:54.635 --> 00:00:55.291 Victor Moza, 17 00:00:55.526 --> 00:00:57.385 assistant et chef de projet SEO. 18 00:00:57.972 --> 00:00:59.013 et Camille Boulanger, 19 00:00:59.133 --> 00:01:01.733 rédactrice et secrétaire de rédaction au Pôle édito. 20 00:01:01.974 --> 00:01:03.575 Bonjour Victor et bonjour Camille. 21 00:01:03.794 --> 00:01:04.392 Salut Yolaine. 22 00:01:04.474 --> 00:01:04.974 Bonjour Yolaine. 23 00:01:05.595 --> 00:01:06.091 Alors Camille, 24 00:01:06.092 --> 00:01:07.997 tu es rédactrice au sein de l'agence WAM, 25 00:01:08.091 --> 00:01:09.677 mais aussi experte UX Writing. 26 00:01:09.895 --> 00:01:14.731 Est-ce que tu peux nous expliquer en quoi l'accessibilité et l'expérience utilisateur sont intimement liées ? 27 00:01:15.497 --> 00:01:16.059 Comme tu l'as dit, 28 00:01:16.075 --> 00:01:17.122 c'est hyper lié en fait. 29 00:01:18.403 --> 00:01:18.700 Parfois, 30 00:01:18.701 --> 00:01:20.294 on a tendance à opposer un peu les deux, 31 00:01:20.356 --> 00:01:25.653 comme si l'accessibilité c'était quelque chose de très technique et l'UX quelque chose de beaucoup plus design. 32 00:01:26.753 --> 00:01:27.293 Mais en réalité, 33 00:01:27.333 --> 00:01:28.555 les deux visent la même chose, 34 00:01:28.674 --> 00:01:32.738 c'est-à-dire permettre à l'utilisateur d'accéder à une information ou à un service facilement, 35 00:01:32.977 --> 00:01:34.578 sans effort et dans de bonnes conditions. 36 00:01:34.938 --> 00:01:35.524 L'accessibilité, 37 00:01:35.578 --> 00:01:38.563 c'est simplement élargir cette ambition à tous les utilisateurs, 38 00:01:38.984 --> 00:01:40.609 y compris ceux qui naviguent différemment. 39 00:01:41.469 --> 00:01:41.945 Par exemple, 40 00:01:41.984 --> 00:01:43.813 une personne aveugle avec un lecteur d'écran, 41 00:01:44.594 --> 00:01:48.641 quelqu'un qui ne peut pas utiliser une souris ou même une personne avec des troubles cognitifs. 42 00:01:50.234 --> 00:01:52.578 L'UX writing joue un rôle énorme là-dedans, 43 00:01:53.313 --> 00:01:54.484 parce que si les mots sont clairs, 44 00:01:54.500 --> 00:01:55.828 les actions derrière sont évidentes. 45 00:01:56.424 --> 00:01:58.005 les messages d'erreur sont compréhensibles, 46 00:01:58.006 --> 00:01:58.124 etc. 47 00:01:59.005 --> 00:01:59.765 Donc pour moi, 48 00:01:59.784 --> 00:02:01.847 il n'y a pas de bonne UX sans accessibilité, 49 00:02:02.784 --> 00:02:04.163 c'est un gage de qualité global, 50 00:02:04.749 --> 00:02:07.085 et quand on fait les choses bien pour les publics les plus contraints, 51 00:02:07.147 --> 00:02:09.351 finalement on améliore l'expérience de tous les autres, 52 00:02:09.429 --> 00:02:11.944 y compris ceux qui n'ont pas de handicap, 53 00:02:12.140 --> 00:02:12.968 mais qui lisent vite, 54 00:02:12.969 --> 00:02:13.874 qui sont fatigués, 55 00:02:14.124 --> 00:02:14.530 distraits, 56 00:02:14.546 --> 00:02:15.952 ou qui lisent sur un petit écran. 57 00:02:16.749 --> 00:02:16.890 Ok, 58 00:02:17.093 --> 00:02:18.327 d'un point de vue SEO, 59 00:02:18.405 --> 00:02:18.796 Victor, 60 00:02:18.811 --> 00:02:19.515 je me tourne vers toi, 61 00:02:19.593 --> 00:02:21.811 comment Google perçoit-il cette nouvelle donne ? 62 00:02:22.093 --> 00:02:25.046 Est-ce que cette obligation légale a un impact direct sur le référencement ? 63 00:02:25.252 --> 00:02:26.494 au-delà de la seule conformité ? 64 00:02:27.074 --> 00:02:27.273 Déjà, 65 00:02:27.334 --> 00:02:27.836 avant de commencer, 66 00:02:27.837 --> 00:02:30.097 je pense qu'il est important de rappeler que pour Google, 67 00:02:30.859 --> 00:02:31.379 l'accessibilité, 68 00:02:31.380 --> 00:02:32.339 ce n'est pas quelque chose de nouveau. 69 00:02:33.199 --> 00:02:33.964 Effectivement, 70 00:02:34.339 --> 00:02:36.004 c'est un de ses dix principes fondamentaux. 71 00:02:36.660 --> 00:02:37.222 Et pour lui, 72 00:02:37.504 --> 00:02:38.925 se focaliser sur l'utilisateur, 73 00:02:39.043 --> 00:02:39.949 c'est quelque chose de clé. 74 00:02:40.527 --> 00:02:42.214 Et c'est même le nerf de la guerre. 75 00:02:43.027 --> 00:02:44.527 On peut aussi constater cette volonté, 76 00:02:45.339 --> 00:02:48.699 notamment avec l'ajout du E de expérience dans ses directives, 77 00:02:49.730 --> 00:02:50.136 E-E-A-T, 78 00:02:50.964 --> 00:02:51.824 parce que pour rappel, 79 00:02:51.839 --> 00:02:52.214 à la base, 80 00:02:52.246 --> 00:02:52.855 on était sur 81 00:02:53.402 --> 00:02:54.855 E-A-T, donc pour expertise. 82 00:02:55.272 --> 00:03:04.343 autorité et fiabilité et à ça en fait google a rajouté il y a de ça quelques années le E pour expérience pour qu'on puisse focus sur l'utilisateur. 83 00:03:05.202 --> 00:03:06.882 Si on creuse un peu plus sur l'accessibilité, 84 00:03:07.601 --> 00:03:14.663 en fait elle partage des critères de positionnement avec les algorithmes du moteur de recherche et on peut aussi prendre comme exemple trois éléments. 85 00:03:15.554 --> 00:03:17.757 Premier élément c'est la structure sémantique, 86 00:03:18.288 --> 00:03:19.320 c'est vraiment la base. 87 00:03:20.023 --> 00:03:20.898 Bien utiliser les balises 88 00:03:21.257 --> 00:03:22.460 HN qui sont des balises en fait 89 00:03:23.344 --> 00:03:27.409 de niveau de titre qui permet de hiérarchiser un contenu. 90 00:03:28.108 --> 00:03:31.874 Et ça permet aussi aux gens et aux moteurs de recherche de s'y retrouver plus facilement. 91 00:03:32.631 --> 00:03:34.538 Et si on va encore plus loin, 92 00:03:35.256 --> 00:03:35.960 en accessibilité, 93 00:03:35.975 --> 00:03:37.155 on peut aussi ajouter des attributs 94 00:03:37.499 --> 00:03:43.506 ARIA, qui précisent le rôle de chaque élément pour les lecteurs d'écran. 95 00:03:43.710 --> 00:03:44.178 C'est simple, 96 00:03:44.303 --> 00:03:45.006 mais super efficace. 97 00:03:46.022 --> 00:03:48.381 Et qu'en est-il des textes alternatifs pour les images, 98 00:03:48.413 --> 00:03:50.475 ce qui correspond en gros aux balises ALT ? 99 00:03:51.452 --> 00:03:51.832 Ça aussi, 100 00:03:51.932 --> 00:03:53.413 c'est crucial pour l'accessibilité. 101 00:03:54.193 --> 00:03:58.593 Ça permet au lecteur d'écran de décrire les images aux personnes malvoyantes ou non-voyantes. 102 00:03:59.054 --> 00:03:59.734 Et bonus, 103 00:03:59.735 --> 00:04:01.374 ça aide aussi au référencement. 104 00:04:02.116 --> 00:04:04.093 La petite astuce que je vais donner, 105 00:04:04.437 --> 00:04:06.398 quand on a une image qui est juste là pour décorer, 106 00:04:07.835 --> 00:04:08.163 l'idée, 107 00:04:08.335 --> 00:04:10.757 c'est de ne pas préciser cette balise, 108 00:04:11.335 --> 00:04:13.320 justement pour éviter l'encombrement audio, 109 00:04:13.757 --> 00:04:18.210 et que le lecteur d'écran va lire une image qui n'ajoute pas grand-chose au texte. 110 00:04:19.257 --> 00:04:19.726 et enfin 111 00:04:20.160 --> 00:04:21.361 Le temps de chargement des pages, 112 00:04:21.381 --> 00:04:22.242 c'est un vrai sujet. 113 00:04:22.684 --> 00:04:23.424 Un site rapide, 114 00:04:23.463 --> 00:04:24.543 c'est plus agréable pour tout le monde, 115 00:04:24.883 --> 00:04:27.387 surtout pour ceux qui ont une mauvaise connexion ou un vieux téléphone. 116 00:04:27.887 --> 00:04:28.625 Et côté SEO, 117 00:04:28.727 --> 00:04:32.453 Google regarde ça de près avec ses indicateurs Core Web Vitals. 118 00:04:32.914 --> 00:04:34.836 Vous pouvez penser à des techniques comme le lazy loading. 119 00:04:35.672 --> 00:04:36.094 Pour rappel, 120 00:04:36.141 --> 00:04:36.875 le lazy loading, 121 00:04:36.953 --> 00:04:46.344 c'est le fait de charger des éléments uniquement quand l'utilisateur va être sur un contenu ou une partie de la page et les autres éléments seront chargés plus lentement. 122 00:04:47.188 --> 00:04:48.641 Donc résultat de tout ça. 123 00:04:49.052 --> 00:04:51.095 C'est que ça va permettre d'avoir un site plus fluide, 124 00:04:51.554 --> 00:04:53.517 plus accessible et donc mieux référencé. 125 00:04:54.236 --> 00:04:54.857 Exactement, 126 00:04:54.896 --> 00:04:55.677 merci Victor. 127 00:04:56.240 --> 00:05:00.286 L'accessibilité constitue donc un pilier SEO à part entière et pas des moindres. 128 00:05:00.802 --> 00:05:02.107 En tant que rédactrice web, 129 00:05:02.185 --> 00:05:02.568 Camille, 130 00:05:02.724 --> 00:05:05.146 en quoi l'accessibilité est un sujet qui te concerne ? 131 00:05:06.296 --> 00:05:11.363 Alors on a parfois tendance à penser que l'accessibilité c'est un sujet réservé aux développeurs ou à designers, 132 00:05:12.281 --> 00:05:14.902 mais en réalité dès qu'on produit un contenu pour le web, 133 00:05:14.925 --> 00:05:16.089 que ce soit un article, 134 00:05:16.222 --> 00:05:16.964 une fiche produit, 135 00:05:16.988 --> 00:05:18.691 une newsletter ou même un simple bouton, 136 00:05:19.753 --> 00:05:22.207 on a une forte responsabilité éditoriale derrière. 137 00:05:23.160 --> 00:05:23.972 Ce que j'écris, 138 00:05:24.050 --> 00:05:25.332 la manière dont je le structure, 139 00:05:25.378 --> 00:05:26.675 dont je l'intègre dans une page, 140 00:05:27.050 --> 00:05:29.660 tout ça ça a un impact direct sur l'expérience utilisateur. 141 00:05:30.175 --> 00:05:30.597 Et moi j'ai... 142 00:05:30.776 --> 00:05:34.659 pleinement conscience que mon travail peut grandement faciliter l'accès à l'information, 143 00:05:34.802 --> 00:05:37.821 la rendre compréhensible et utilisable de chacun, 144 00:05:38.786 --> 00:05:39.661 ou au contraire, 145 00:05:39.763 --> 00:05:41.583 qui peut exclure une grande partie des lecteurs, 146 00:05:41.669 --> 00:05:43.232 parfois sans même qu'on s'en rende compte, 147 00:05:43.349 --> 00:05:45.193 juste par manque de connaissances ou de réflexes. 148 00:05:45.708 --> 00:05:46.114 Du coup, 149 00:05:46.388 --> 00:05:46.513 oui, 150 00:05:46.614 --> 00:05:48.310 c'est un sujet qui me touche au quotidien, 151 00:05:48.372 --> 00:05:49.247 car en tant que rédacteur, 152 00:05:49.341 --> 00:05:51.357 on a un vrai pouvoir d'inclusion entre nos mains. 153 00:05:52.341 --> 00:05:52.997 Je me tourne vers toi, 154 00:05:53.044 --> 00:05:53.466 Victor. 155 00:05:53.638 --> 00:05:55.685 Au-delà de l'aspect technique et réglementaire, 156 00:05:55.716 --> 00:05:57.966 j'aimerais maintenant aborder ton expérience personnelle. 157 00:05:58.560 --> 00:06:00.279 Tu es toi-même en situation de handicap. 158 00:06:00.436 --> 00:06:03.259 Et en tant qu'utilisateur naviguant sur le web au quotidien, 159 00:06:03.420 --> 00:06:08.183 quelles sont les plus grandes illustrations concrètes que tu peux rencontrer sur des sites qui ne sont pas accessibles ? 160 00:06:08.644 --> 00:06:13.027 Est-ce que tu peux nous donner des exemples qui illustrent un peu ces barrières pour toi ou de manière générale d'ailleurs ? 161 00:06:13.793 --> 00:06:13.910 Oui, 162 00:06:13.949 --> 00:06:14.253 bien sûr. 163 00:06:14.613 --> 00:06:15.168 Alors après, 164 00:06:15.894 --> 00:06:16.011 moi, 165 00:06:16.035 --> 00:06:16.832 pour la petite anecdote, 166 00:06:16.833 --> 00:06:17.035 en fait, 167 00:06:17.050 --> 00:06:17.566 je suis un peu, 168 00:06:17.910 --> 00:06:18.628 comme on pourrait dire, 169 00:06:18.675 --> 00:06:19.332 un mauvais élève, 170 00:06:19.941 --> 00:06:22.003 dans le sens où je vais naviguer comme une personne, 171 00:06:22.457 --> 00:06:22.863 on va dire, 172 00:06:22.925 --> 00:06:23.332 classique. 173 00:06:23.613 --> 00:06:23.925 Par contre, 174 00:06:23.926 --> 00:06:24.378 ça tombe bien, 175 00:06:24.425 --> 00:06:25.300 j'ai un exemple sous la main, 176 00:06:26.003 --> 00:06:27.503 notamment sur la commande de pizza. 177 00:06:28.176 --> 00:06:28.817 Je m'explique, 178 00:06:29.077 --> 00:06:30.398 souvent quand on cherche à manger une pizza, 179 00:06:31.019 --> 00:06:35.845 les sites de restaurants n'ont pas un menu de navigation qui soit assez explicite pour pouvoir accéder à la carte. 180 00:06:36.345 --> 00:06:37.564 Et dans les cas les plus extrêmes, 181 00:06:37.908 --> 00:06:39.189 il faut se rendre sur leurs réseaux sociaux. 182 00:06:40.025 --> 00:06:40.892 Et donc forcément, 183 00:06:41.408 --> 00:06:46.087 je suis frustré et agacé de devoir faire un effort supplémentaire pour obtenir l'information. 184 00:06:46.556 --> 00:06:46.931 Et donc, 185 00:06:47.134 --> 00:06:47.853 je ne commande pas de pizza. 186 00:06:48.196 --> 00:06:48.596 Pas de pizza. 187 00:06:49.097 --> 00:06:49.758 On fait autre chose. 188 00:06:49.777 --> 00:06:50.818 Exactement. 189 00:06:50.879 --> 00:06:51.558 Et en revanche, 190 00:06:51.599 --> 00:06:51.779 aussi, 191 00:06:51.840 --> 00:06:55.261 j'ai d'autres exemples de bons élèves, 192 00:06:55.844 --> 00:06:56.922 notamment une pizzeria, 193 00:06:56.969 --> 00:06:57.265 en fait, 194 00:06:57.328 --> 00:06:59.008 où directement sur le menu navigation, 195 00:06:59.429 --> 00:07:00.289 on va avoir deux boutons. 196 00:07:00.750 --> 00:07:02.773 L'un avec comme intitulé « Découvrez notre carte » , 197 00:07:03.187 --> 00:07:04.594 et l'autre « Commandez par téléphone » . 198 00:07:05.015 --> 00:07:05.953 Et vous allez me dire en fait, 199 00:07:06.031 --> 00:07:07.031 quel est l'intérêt de tout ça ? 200 00:07:07.515 --> 00:07:07.781 Eh bien, 201 00:07:08.015 --> 00:07:08.422 d'une part, 202 00:07:08.437 --> 00:07:08.703 en fait, 203 00:07:08.937 --> 00:07:10.765 on gagne du temps pour les utilisateurs lambda, 204 00:07:11.297 --> 00:07:13.719 mais si on a une personne qui est malvoyante ou non-voyante, 205 00:07:14.062 --> 00:07:15.765 le fait que ces boutons soient explicites, 206 00:07:16.219 --> 00:07:17.750 c'est-à-dire que l'e-bellé est clair et que 207 00:07:17.896 --> 00:07:20.736 et nous donne une indication précise où le bouton nous envoie, 208 00:07:21.397 --> 00:07:25.777 c'est ce qui va rendre la recherche à la voix beaucoup plus simple et pratique. 209 00:07:26.039 --> 00:07:26.156 Oui, 210 00:07:26.195 --> 00:07:26.539 clairement. 211 00:07:26.875 --> 00:07:27.000 Là, 212 00:07:27.001 --> 00:07:28.102 tu parles des malvoyants. 213 00:07:28.156 --> 00:07:29.938 Et pour ceux qui sont daltoniens, 214 00:07:29.977 --> 00:07:30.516 par exemple ? 215 00:07:31.063 --> 00:07:31.297 Eh bien, 216 00:07:31.320 --> 00:07:31.719 justement, 217 00:07:31.720 --> 00:07:36.555 j'ai un ami qui est daltonien et ça lui arrive fréquemment de ne pas pouvoir lire une partie ou l'intégralité du contenu. 218 00:07:37.055 --> 00:07:40.242 Tu as un site en fonction des couleurs de la police et la couleur des fonds. 219 00:07:40.774 --> 00:07:41.102 Pour cela, 220 00:07:41.149 --> 00:07:41.617 petit tips, 221 00:07:41.664 --> 00:07:47.477 vous avez une extension qui s'appelle Color Contrast Shaker et qui permet de vérifier si les contrastes entre les couleurs du texte 222 00:07:47.900 --> 00:07:51.704 et de l'arrière-plan sont suffisants pour être lisibles par tous. 223 00:07:52.503 --> 00:07:57.112 Conformément aussi aux recommandations des standards internationaux qui sont les 224 00:07:57.472 --> 00:07:58.128 WCAG, 225 00:07:58.972 --> 00:08:01.097 Web Content Accessibility Guidelines, 226 00:08:01.409 --> 00:08:04.769 qui ont en fait régi toutes ces règles sur le sujet. 227 00:08:05.441 --> 00:08:06.034 Merci Victor. 228 00:08:06.081 --> 00:08:07.425 Alors petite précision, 229 00:08:07.503 --> 00:08:10.519 j'ai consulté Marion Enghi pour la préparation de ce WAMCAST, 230 00:08:10.878 --> 00:08:12.769 c'est l'experte accessibilité de l'agence WAM. 231 00:08:13.180 --> 00:08:15.262 qui a participé d'ailleurs au webinaire sur le sujet, 232 00:08:15.323 --> 00:08:16.864 sur cette évolution réglementaire. 233 00:08:16.865 --> 00:08:18.547 Il est en ligne sur notre site internet, 234 00:08:18.684 --> 00:08:20.008 rubrique webinaire tout simplement, 235 00:08:20.387 --> 00:08:22.125 si vous souhaitez le visionner au passage. 236 00:08:22.711 --> 00:08:25.149 Et Marion m'a indiqué que l'extension que tu cites, 237 00:08:25.211 --> 00:08:25.469 Victor, 238 00:08:25.508 --> 00:08:26.211 pour les contrastes, 239 00:08:26.336 --> 00:08:27.094 fonctionne bien, 240 00:08:27.618 --> 00:08:29.633 mais qu'il faut tout de même vérifier par soi-même, 241 00:08:29.711 --> 00:08:31.352 parce qu'il peut y avoir des petits ratés. 242 00:08:31.774 --> 00:08:32.696 Donc ça aide, 243 00:08:32.743 --> 00:08:34.977 mais il est important de préciser que ça peut des fois dire, 244 00:08:35.008 --> 00:08:35.539 par exemple, 245 00:08:35.618 --> 00:08:36.836 qu'un contraste n'est pas bon, 246 00:08:37.227 --> 00:08:37.743 alors que si. 247 00:08:38.164 --> 00:08:38.493 En gros, 248 00:08:38.494 --> 00:08:40.102 ce n'est pas une science tout à fait exacte. 249 00:08:40.289 --> 00:08:40.430 Voilà, 250 00:08:40.461 --> 00:08:41.649 c'est la petite précision que je souhaitais. 251 00:08:42.016 --> 00:08:42.376 apporté. 252 00:08:42.557 --> 00:08:44.939 Je ferme la parenthèse et je reprends là où nous en étions. 253 00:08:45.059 --> 00:08:47.482 On voit bien l'importance de tous ces détails. 254 00:08:47.924 --> 00:08:48.264 Camille, 255 00:08:48.283 --> 00:08:48.701 justement, 256 00:08:48.702 --> 00:08:49.662 en tant que rédactrice, 257 00:08:49.705 --> 00:08:54.471 quels sont les tips du X-Writing que les entreprises peuvent adopter pour rendre leur contenu plus accessible, 258 00:08:55.111 --> 00:08:56.627 même avec des efforts tout simples ? 259 00:08:57.471 --> 00:08:57.588 Oui, 260 00:08:57.635 --> 00:08:58.088 complètement. 261 00:08:58.213 --> 00:08:59.057 Et la bonne nouvelle, 262 00:08:59.072 --> 00:08:59.838 c'est qu'il y a plein, 263 00:08:59.869 --> 00:09:01.478 plein de choses simples à mettre en place, 264 00:09:02.213 --> 00:09:04.494 même sans être expert en accessibilité ou en UX. 265 00:09:05.478 --> 00:09:05.838 En fait, 266 00:09:05.916 --> 00:09:09.963 quelques bonnes pratiques du X-Writing suffisent déjà à faire une grosse différence. 267 00:09:10.648 --> 00:09:11.289 La première chose, 268 00:09:11.309 --> 00:09:12.390 comme l'a déjà dit Victor, 269 00:09:12.449 --> 00:09:13.890 c'est de faire attention à la structure. 270 00:09:14.754 --> 00:09:17.476 Les contenus doivent comporter un seul titre principal H1, 271 00:09:18.055 --> 00:09:19.258 DH2 pour les parties, 272 00:09:19.336 --> 00:09:20.781 DH3 si besoin pour les sous-parties. 273 00:09:21.680 --> 00:09:22.578 Ça paraît basique, 274 00:09:23.078 --> 00:09:25.359 mais pour les personnes qui naviguent avec un lecteur d'écran, 275 00:09:25.422 --> 00:09:30.812 c'est essentiel car c'est ce qui leur permet de comprendre la logique de la page et de s'y repérer rapidement. 276 00:09:32.109 --> 00:09:32.562 Ensuite, 277 00:09:32.594 --> 00:09:34.859 il faut aérer le contenu, 278 00:09:35.047 --> 00:09:37.422 ça veut dire rédiger des paragraphes courts. 279 00:09:38.041 --> 00:09:38.782 des listes à puces, 280 00:09:38.783 --> 00:09:39.543 quand on énumère, 281 00:09:39.583 --> 00:09:40.745 des interdites pour segmenter, 282 00:09:41.568 --> 00:09:42.388 parce qu'on ne va pas se mentir, 283 00:09:42.548 --> 00:09:43.829 personne n'aime les murs de texte, 284 00:09:43.830 --> 00:09:46.814 et encore moins quand on a des troubles de la lecture ou de la concentration. 285 00:09:47.517 --> 00:09:48.322 Donc cette clarté-là, 286 00:09:48.720 --> 00:09:49.603 elle profite à tout le monde. 287 00:09:50.064 --> 00:09:50.181 Oui, 288 00:09:50.220 --> 00:09:50.564 clairement. 289 00:09:50.565 --> 00:09:52.423 Et par rapport à la mise en forme du texte, 290 00:09:52.462 --> 00:09:53.368 qu'est-ce que tu conseilles ? 291 00:09:54.197 --> 00:09:54.998 Pour la mise en forme, 292 00:09:55.398 --> 00:09:57.502 il faut faire très attention au texte justifié, 293 00:09:57.560 --> 00:09:59.341 c'est-à-dire aligné à droite et à gauche. 294 00:10:00.084 --> 00:10:02.123 On l'utilise parfois pour faire propre visuellement, 295 00:10:02.162 --> 00:10:03.865 notamment dans les CMS ou les blogs, 296 00:10:04.505 --> 00:10:08.248 mais le texte justifié crée des trous irréguliers dans la composition, 297 00:10:08.294 --> 00:10:10.373 c'est ce qu'on appelle les rivières blanches. 298 00:10:10.498 --> 00:10:13.982 C'est très perturbant pour les personnes dyslexiques ou qui ont des troubles visuels. 299 00:10:14.669 --> 00:10:15.216 Dans ce cas, 300 00:10:15.217 --> 00:10:17.201 il vaut mieux aligner le texte à gauche, 301 00:10:17.701 --> 00:10:21.748 ce qui donne un espacement beaucoup plus naturel et améliore la lisibilité. 302 00:10:22.273 --> 00:10:23.715 Alors sur les textes justifiés, 303 00:10:23.716 --> 00:10:24.715 petite précision en plus, 304 00:10:24.916 --> 00:10:25.537 sur les écrans, 305 00:10:25.676 --> 00:10:26.117 effectivement, 306 00:10:26.136 --> 00:10:26.496 tu l'as dit, 307 00:10:26.539 --> 00:10:29.058 c'est moins lisible pour un utilisateur, 308 00:10:29.140 --> 00:10:29.922 mais sur du print, 309 00:10:30.082 --> 00:10:30.965 c'est quand même bien mieux. 310 00:10:31.402 --> 00:10:32.222 Donc autrement dit, 311 00:10:32.246 --> 00:10:35.769 cette mise en forme ne fonctionne pas dès lors que l'on passe sur un écran. 312 00:10:38.222 --> 00:10:40.207 Autre conseil en ce qui concerne la forme toujours, 313 00:10:40.879 --> 00:10:43.597 il faut bien penser à vérifier les contrastes de couleurs, 314 00:10:43.613 --> 00:10:44.301 comme l'a dit Victor, 315 00:10:44.316 --> 00:10:46.144 c'est-à-dire caractère foncé sur fond clair. 316 00:10:46.829 --> 00:10:50.312 Et aussi à utiliser une police d'écriture facile à lire et sans empattement, 317 00:10:50.654 --> 00:10:52.334 type Arial ou Verdana. 318 00:10:53.337 --> 00:10:56.556 Les polices comme Newtime Roman sont beaucoup trop compliquées à lire. 319 00:10:57.517 --> 00:10:57.720 Aussi, 320 00:10:57.721 --> 00:11:00.080 il faut éviter d'utiliser l'italique et de souligner les mots, 321 00:11:00.103 --> 00:11:00.900 excepté les liens, 322 00:11:01.705 --> 00:11:02.244 car là encore, 323 00:11:02.267 --> 00:11:03.908 ce n'est pas toujours très lisible. 324 00:11:04.533 --> 00:11:04.642 Ok. 325 00:11:05.408 --> 00:11:06.392 Et côté rédaction, 326 00:11:06.533 --> 00:11:09.564 quels sont les bons réflexes à adopter pour favoriser l'accessibilité ? 327 00:11:09.908 --> 00:11:10.345 Par exemple, 328 00:11:10.346 --> 00:11:12.095 on va éviter les formulations floues, 329 00:11:12.096 --> 00:11:12.751 les jeux de mots, 330 00:11:12.752 --> 00:11:13.236 le jargon, 331 00:11:13.720 --> 00:11:15.673 surtout si on s'adresse à un public large. 332 00:11:16.393 --> 00:11:21.357 Il faut aussi faire attention à bien expliquer les sigles et à limiter au maximum les anglicismes. 333 00:11:21.818 --> 00:11:22.299 En gros, 334 00:11:22.439 --> 00:11:24.580 on simplifie mais sans infantiliser. 335 00:11:25.322 --> 00:11:31.791 Il ne s'agit pas d'écrire simplement au sens réducteur mais d'écrire clairement pour que même quelqu'un qui lit vite, 336 00:11:31.869 --> 00:11:36.408 qui est distrait ou qui ne parle pas très bien français puisse tout comprendre sans effort. 337 00:11:36.721 --> 00:11:38.017 Un bon exemple à garder en tête, 338 00:11:38.033 --> 00:11:39.439 c'est la méthode FALC, 339 00:11:39.502 --> 00:11:40.830 facile à lire et à comprendre. 340 00:11:41.361 --> 00:11:41.846 c'est une méthode 341 00:11:41.949 --> 00:11:45.192 pensée à la base pour les personnes en situation de handicap intellectuel ou mental, 342 00:11:45.233 --> 00:11:47.233 mais qui donne d'excellents repères pour tout le monde. 343 00:11:47.854 --> 00:11:48.456 Phrases courtes, 344 00:11:48.457 --> 00:11:49.034 mots simples, 345 00:11:49.116 --> 00:11:49.940 idées bien séparées. 346 00:11:50.300 --> 00:11:52.096 Et on peut s'en inspirer dans plein de cas, 347 00:11:52.721 --> 00:11:54.440 même sans l'appliquer au pied de la lettre. 348 00:11:55.221 --> 00:11:56.761 Et en ce qui concerne les contenus médias, 349 00:11:56.762 --> 00:11:58.050 des conseils à nous partager, 350 00:11:58.081 --> 00:11:58.362 Camille, 351 00:11:58.363 --> 00:11:58.550 aussi ? 352 00:11:59.190 --> 00:11:59.300 Oui, 353 00:11:59.409 --> 00:12:00.565 comme on a déjà dit, 354 00:12:00.566 --> 00:12:05.378 il faut vraiment penser à ajouter des balises altes aux images pour qu'un lecteur d'écran puisse les lire à haute voix. 355 00:12:06.034 --> 00:12:11.253 Il faut aussi penser à sous-titrer les vidéos et à fournir une transcription pour les podcasts. 356 00:12:11.781 --> 00:12:12.822 C'est du bon sens en fait, 357 00:12:13.123 --> 00:12:14.044 mais c'est souvent oublié. 358 00:12:14.884 --> 00:12:15.224 Donc voilà, 359 00:12:15.225 --> 00:12:16.224 ce sont des petits gestes, 360 00:12:16.365 --> 00:12:17.126 mais mis bout à bout, 361 00:12:17.127 --> 00:12:21.888 ils permettent à des milliers de personnes d'accéder à l'information avec la même autonomie que n'importe qui. 362 00:12:22.568 --> 00:12:23.193 Merci Camille. 363 00:12:23.194 --> 00:12:29.521 On peut aussi préciser que les documents type PDF doivent être accessibles ou en tout cas proposer une version accessible. 364 00:12:31.052 --> 00:12:31.458 Et Victor, 365 00:12:31.537 --> 00:12:35.708 comment on fait alors quand on est une marque pour mettre son site web à niveau rapidement ? 366 00:12:35.802 --> 00:12:36.865 Quels conseils tu donnerais ? 367 00:12:38.630 --> 00:12:39.787 Je pense qu'avant déjà de se lancer, 368 00:12:39.788 --> 00:12:40.271 je suis pas sûr 369 00:12:41.413 --> 00:12:47.358 Je pense qu'il faut d'abord faire une différence entre l'accessibilité pour les sites e-commerce et les sites vitrines. 370 00:12:47.979 --> 00:12:48.140 Allez, 371 00:12:48.141 --> 00:12:49.101 on commence par le e-commerce, 372 00:12:49.202 --> 00:12:49.522 ça te va ? 373 00:12:49.843 --> 00:12:50.022 Allez, 374 00:12:50.124 --> 00:12:50.444 très bien. 375 00:12:51.382 --> 00:12:52.085 Pour le e-commerce, 376 00:12:52.086 --> 00:12:52.366 en fait, 377 00:12:53.147 --> 00:12:54.890 on a un objectif qui est clair, 378 00:12:55.046 --> 00:12:58.804 c'est qu'il faut vendre et faciliter au maximum le parcours d'achat. 379 00:12:59.569 --> 00:13:01.772 L'accessibilité est un levier de conversion direct. 380 00:13:02.429 --> 00:13:02.757 Alors moi, 381 00:13:02.758 --> 00:13:07.022 je vais vous définir un peu mes trois points à retenir dessus. 382 00:13:07.944 --> 00:13:08.585 Premier point, 383 00:13:08.616 --> 00:13:09.819 la navigation avec des filtres. 384 00:13:10.457 --> 00:13:11.917 C'est un point qui est souvent sous-estimé. 385 00:13:12.618 --> 00:13:12.997 Pourtant, 386 00:13:13.038 --> 00:13:16.900 permettre à un utilisateur de filtrer les produits au clavier ou avec un lecteur d'écran, 387 00:13:16.919 --> 00:13:17.497 c'est essentiel. 388 00:13:18.138 --> 00:13:18.458 Sinon, 389 00:13:18.982 --> 00:13:22.357 certaines personnes se retrouvent bloquées dès la recherche. 390 00:13:22.779 --> 00:13:24.638 Et au-delà de l'accessibilité, 391 00:13:24.677 --> 00:13:27.833 une navigation fluide aide aussi à mieux faire découvrir les produits, 392 00:13:27.958 --> 00:13:29.365 que ce soit aux utilisateurs, 393 00:13:29.818 --> 00:13:31.083 mais aussi aux moteurs de recherche. 394 00:13:31.568 --> 00:13:31.943 Donc oui, 395 00:13:32.177 --> 00:13:33.021 bien penser ces feeds, 396 00:13:33.022 --> 00:13:34.224 c'est un vrai gain de temps pour tout le monde. 397 00:13:35.099 --> 00:13:35.661 Deuxième point, 398 00:13:35.662 --> 00:13:36.302 les fiches produits. 399 00:13:36.781 --> 00:13:37.401 Les fiches produits, 400 00:13:37.402 --> 00:13:38.862 ce n'est pas juste une question de marketing, 401 00:13:38.901 --> 00:13:40.262 c'est aussi un enjeu d'accessibilité. 402 00:13:40.981 --> 00:13:42.243 Quand elles sont bien structurées, 403 00:13:42.621 --> 00:13:43.504 claires et précises, 404 00:13:43.864 --> 00:13:45.883 elles deviennent lisibles pour les lecteurs d'écran, 405 00:13:45.907 --> 00:13:47.844 ce qui est essentiel pour certains utilisateurs. 406 00:13:48.602 --> 00:13:49.704 Et bonus dans tout ça, 407 00:13:50.204 --> 00:13:51.547 c'est que ça profite aussi aux SEO. 408 00:13:52.227 --> 00:13:53.469 Des descriptions bien rédigées, 409 00:13:53.470 --> 00:13:57.719 ça permet de se positionner sur des requêtes plus spécifiques et d'être mieux indexé par Google. 410 00:13:58.422 --> 00:13:58.672 Donc, 411 00:13:58.985 --> 00:13:59.844 si on récapitule, 412 00:13:59.969 --> 00:14:01.000 une fiche produit accessible, 413 00:14:01.001 --> 00:14:02.704 c'est une fiche produit plus performante. 414 00:14:03.063 --> 00:14:04.688 Et en ce qui concerne le tunnel d'achat, 415 00:14:04.704 --> 00:14:05.563 qu'est-ce que tu peux nous dire ? 416 00:14:06.157 --> 00:14:06.537 Alors oui, 417 00:14:06.557 --> 00:14:07.278 le tunnel d'achat, 418 00:14:07.357 --> 00:14:10.099 c'est mon troisième point à retenir. 419 00:14:10.857 --> 00:14:11.138 En fait, 420 00:14:11.658 --> 00:14:12.837 c'est un vrai moment clé. 421 00:14:13.419 --> 00:14:16.361 Et s'il n'est pas accessible que ce soit au clavier, 422 00:14:16.783 --> 00:14:18.283 avec un lecteur d'écran ou sur mobile, 423 00:14:18.658 --> 00:14:20.462 on va perdre des clients en route tout simplement. 424 00:14:21.361 --> 00:14:23.220 En rendant ce parcours fluide pour tout le monde, 425 00:14:23.595 --> 00:14:26.220 on limite les abandons de panier dû à une frustration technique. 426 00:14:27.126 --> 00:14:27.642 Et derrière, 427 00:14:27.798 --> 00:14:29.486 ça va booster le taux de conversion, 428 00:14:29.783 --> 00:14:31.970 ce qui envoie aussi de bons signaux au moteur de recherche. 429 00:14:32.376 --> 00:14:32.642 Bref, 430 00:14:32.986 --> 00:14:34.001 un tunnel d'achat universel, 431 00:14:34.142 --> 00:14:35.048 c'est gagnant-gagnant. 432 00:14:35.973 --> 00:14:36.113 Allez, 433 00:14:36.114 --> 00:14:37.856 on passe maintenant au site vitrine, 434 00:14:37.896 --> 00:14:38.758 si tu veux bien Victor. 435 00:14:39.180 --> 00:14:39.359 Allez, 436 00:14:39.459 --> 00:14:39.859 c'est parti. 437 00:14:40.561 --> 00:14:41.643 Alors les sites vitrines, 438 00:14:41.924 --> 00:14:42.826 la différence, 439 00:14:43.506 --> 00:14:43.928 l'objectif, 440 00:14:43.929 --> 00:14:47.170 ça va être de montrer son expertise et de générer des contacts. 441 00:14:47.811 --> 00:14:50.295 Donc comme pour les sites e-commerce, 442 00:14:50.396 --> 00:14:52.061 je vais vous donner trois éléments clés. 443 00:14:53.045 --> 00:14:53.717 Premier élément, 444 00:14:53.904 --> 00:14:54.748 c'est la navigation. 445 00:14:55.329 --> 00:14:57.872 C'est la base de toute bonne expérience utilisateur. 446 00:14:58.712 --> 00:14:59.673 Si les menus sont clairs, 447 00:14:59.732 --> 00:15:00.556 faciles à parcourir, 448 00:15:00.974 --> 00:15:01.896 que ce soit à la souris, 449 00:15:01.954 --> 00:15:03.357 au clavier ou avec un lecteur d'écran, 450 00:15:03.857 --> 00:15:05.638 tout le monde peut trouver l'info qu'il cherche sans galérer. 451 00:15:06.239 --> 00:15:06.497 Et ça, 452 00:15:06.544 --> 00:15:08.005 ce n'est pas seulement bon pour les visiteurs, 453 00:15:08.044 --> 00:15:09.161 c'est aussi excellent pour les SEO. 454 00:15:09.966 --> 00:15:14.747 Une structure navigation bien pensée aide les moteurs de recherche à comprendre votre contenu, 455 00:15:15.263 --> 00:15:16.747 mais aussi comment le site est organisé. 456 00:15:17.247 --> 00:15:17.450 Donc, 457 00:15:17.669 --> 00:15:18.013 en gros, 458 00:15:18.014 --> 00:15:18.997 une navigation intuitive, 459 00:15:19.028 --> 00:15:20.778 c'est bon pour les gens et pour Google. 460 00:15:21.919 --> 00:15:22.310 Ensuite, 461 00:15:22.435 --> 00:15:23.794 un contenu qui est bien structuré. 462 00:15:24.253 --> 00:15:24.893 et facile à lire, 463 00:15:24.894 --> 00:15:25.353 ça change tout. 464 00:15:26.153 --> 00:15:29.256 Quand les infos sont hiérarchisées avec des textes simples et efficaces, 465 00:15:29.775 --> 00:15:32.216 la proposition de valeur devient tout de suite plus compréhensible. 466 00:15:32.818 --> 00:15:35.013 Et comme on l'a déjà dit avant, 467 00:15:35.537 --> 00:15:36.279 un contenu clair, 468 00:15:36.318 --> 00:15:38.537 c'est aussi un contenu que Google comprend mieux. 469 00:15:39.037 --> 00:15:39.474 Au final, 470 00:15:39.552 --> 00:15:42.615 c'est bénéfice pour l'utilisateur et aussi pour le référencement. 471 00:15:43.677 --> 00:15:44.084 Et enfin, 472 00:15:44.334 --> 00:15:44.834 dernier point, 473 00:15:44.835 --> 00:15:45.771 il y a les éléments clés, 474 00:15:46.177 --> 00:15:47.865 comme les témoignages ou les appels à l'action, 475 00:15:48.396 --> 00:15:49.896 doivent absolument être accessibles. 476 00:15:50.599 --> 00:15:52.099 S'ils ne sont pas lisibles par tous, 477 00:15:52.601 --> 00:15:57.145 On va dire qu'on perd une occasion de créer la confiance et de pousser l'appel à l'action. 478 00:15:58.606 --> 00:16:00.149 En les rendant bien visibles et utilisables, 479 00:16:00.247 --> 00:16:01.450 peu importe le mode de navigation, 480 00:16:01.934 --> 00:16:04.192 on maximise l'impact et on favorise les conversions. 481 00:16:04.536 --> 00:16:04.895 Parfait, 482 00:16:04.934 --> 00:16:05.551 c'est très clair. 483 00:16:05.833 --> 00:16:06.317 Vous l'avez dit, 484 00:16:06.356 --> 00:16:07.356 Victor et Camille, 485 00:16:07.395 --> 00:16:08.012 l'accessibilité, 486 00:16:08.137 --> 00:16:09.231 c'est l'UX pour tous. 487 00:16:10.200 --> 00:16:10.481 Camille, 488 00:16:10.482 --> 00:16:13.622 au-delà des obligations légales et du pur confort utilisateur, 489 00:16:13.684 --> 00:16:17.794 l'accessibilité peut-elle devenir un véritable levier d'innovation pour les entreprises ? 490 00:16:18.731 --> 00:16:19.184 Effectivement, 491 00:16:19.200 --> 00:16:21.090 ça peut être un vrai moteur d'innovation. 492 00:16:21.953 --> 00:16:24.153 Quand on conçoit pour des besoins spécifiques, 493 00:16:24.154 --> 00:16:25.774 par exemple des personnes malvoyantes, 494 00:16:25.813 --> 00:16:27.536 sourdes ou avec des troubles moteurs, 495 00:16:27.614 --> 00:16:30.036 on est souvent obligé de sortir des sentiers battus. 496 00:16:30.871 --> 00:16:32.692 Ça nous pousse à imaginer des solutions, 497 00:16:32.817 --> 00:16:33.653 des interfaces, 498 00:16:33.654 --> 00:16:36.817 des modes d'interaction qu'on n'aurait jamais envisagé avec une approche, 499 00:16:36.957 --> 00:16:37.379 je vais dire, 500 00:16:37.536 --> 00:16:38.098 standard. 501 00:16:39.520 --> 00:16:43.301 Et c'est exactement là que naissent les innovations les plus intelligentes et les plus utiles. 502 00:16:44.223 --> 00:16:44.973 Un bon exemple, 503 00:16:45.145 --> 00:16:46.364 c'est la reconnaissance vocale. 504 00:16:46.817 --> 00:16:47.020 Alors, 505 00:16:47.223 --> 00:16:47.598 si elle a... 506 00:16:47.701 --> 00:16:50.443 pas été inventé spécifiquement pour le handicap, 507 00:16:50.684 --> 00:16:56.934 son développement et sa sophistication ont été énormément poussées par les besoins des personnes qui ne pouvaient pas utiliser un clavier ou une souris. 508 00:16:57.574 --> 00:16:59.176 Et regardez où on en est aujourd'hui, 509 00:16:59.215 --> 00:17:01.816 on l'utilise tous au quotidien avec nos assistants vocaux, 510 00:17:02.012 --> 00:17:02.793 sur nos smartphones, 511 00:17:03.418 --> 00:17:05.605 nos enceintes ou encore dans nos voitures. 512 00:17:05.934 --> 00:17:12.418 C'est devenu une commodité universelle mais dont l'accélération a été portée entre autres par l'exigence d'accessibilité. 513 00:17:13.633 --> 00:17:17.676 C'est pareil pour des concepts comme les interfaces gestuelles ou le contrôle par les yeux. 514 00:17:18.798 --> 00:17:22.841 Ces technologies qui ont été initialement développées pour les recherches fondamentales, 515 00:17:23.200 --> 00:17:26.645 elles ont trouvé un terrain d'application révolutionnaire dans le champ du handicap. 516 00:17:27.247 --> 00:17:28.091 Et maintenant, 517 00:17:28.145 --> 00:17:35.450 elles ouvrent des possibilités énormes en termes d'interactions naturelles et intuitives dans des environnements où on n'a pas forcément les mains libres. 518 00:17:36.028 --> 00:17:37.122 Je pense à la domotique, 519 00:17:37.200 --> 00:17:38.231 au pilotage de drones, 520 00:17:38.232 --> 00:17:41.434 au secteur médical ou même aux réalités augmentées et virtuelles. 521 00:17:43.010 --> 00:17:45.633 Donc l'accessibilité pousse à concevoir autrement. 522 00:17:45.992 --> 00:17:46.233 C'est ça, 523 00:17:46.793 --> 00:17:50.836 elle nous contraint de manière positive à repenser l'expérience dans sa globalité, 524 00:17:51.641 --> 00:17:53.063 à la rendre plus intuitive, 525 00:17:53.399 --> 00:17:56.024 plus flexible et plus inclusive dès le départ. 526 00:17:56.461 --> 00:17:56.961 Et au final, 527 00:17:57.102 --> 00:17:58.203 ça bénéficie à tout le monde. 528 00:17:59.032 --> 00:18:01.391 C'est le principe du design universel en fait. 529 00:18:01.625 --> 00:18:04.547 On conçoit pour les marges et finalement ça améliore l'ensemble. 530 00:18:05.547 --> 00:18:05.844 Donc oui, 531 00:18:05.845 --> 00:18:11.594 je suis profondément convaincue que les entreprises ont tout à gagner à intégrer l'accessibilité dès le départ de leur projet. 532 00:18:12.061 --> 00:18:14.663 et pas juste pour être dans les clous légalement. 533 00:18:15.444 --> 00:18:16.946 C'est un véritable terrain d'innovation, 534 00:18:16.966 --> 00:18:19.126 à la fois technologique mais aussi humaine, 535 00:18:19.407 --> 00:18:23.454 et ça renforce leur image de marque et leur image auprès de l'ensemble de leurs clients. 536 00:18:24.556 --> 00:18:25.415 Alors l'accessibilité, 537 00:18:25.517 --> 00:18:26.298 levier d'innovation, 538 00:18:26.337 --> 00:18:29.938 mais peut-elle aussi devenir un levier de différenciation pour les entreprises ? 539 00:18:30.438 --> 00:18:33.970 J'imagine qu'avoir un site accessible permet de se démarquer de la concurrence. 540 00:18:34.423 --> 00:18:34.704 Victor, 541 00:18:34.751 --> 00:18:39.282 est-ce que tu aurais des exemples de marques qui ont transformé justement l'accessibilité en avantage compétitif ? 542 00:18:40.037 --> 00:18:40.257 Oui, 543 00:18:40.317 --> 00:18:41.899 j'ai plusieurs exemples sur le sujet, 544 00:18:42.539 --> 00:18:43.820 notamment dans le secteur bancaire. 545 00:18:44.621 --> 00:18:45.382 Certaines banques, 546 00:18:46.125 --> 00:18:46.964 contraintes par la loi, 547 00:18:47.605 --> 00:18:50.046 ont développé des applications mobiles ultra-accessibles, 548 00:18:50.726 --> 00:18:54.531 notamment avec des interfaces vocales fluides ou des contrastes optimisés. 549 00:18:55.109 --> 00:18:55.750 En faisant cela, 550 00:18:55.835 --> 00:18:58.890 elles ont aussi créé une expérience utilisateur simplifiée, 551 00:18:58.968 --> 00:19:00.625 mais aussi plus agréable pour leurs clients, 552 00:19:01.312 --> 00:19:02.984 qu'ils soient jeunes, 553 00:19:03.062 --> 00:19:05.140 âgés ou moins à l'aise avec la technologie. 554 00:19:05.843 --> 00:19:06.343 Ensuite, 555 00:19:06.546 --> 00:19:07.781 il y a aussi dans l'e-commerce. 556 00:19:08.437 --> 00:19:12.202 des sites qui détaillent leurs fiches produits avec des descriptions qui sont précises, 557 00:19:12.222 --> 00:19:13.324 compatibles avec les lecteurs d'écran, 558 00:19:13.742 --> 00:19:15.183 sont aussi plus performantes en SEO, 559 00:19:15.663 --> 00:19:17.589 car Google valorise le contenu riche, 560 00:19:18.949 --> 00:19:23.394 notamment parce qu'ils vont offrir une meilleure information à tous leurs clients, 561 00:19:23.472 --> 00:19:25.894 y compris ceux qui aiment lire en détail avant d'acheter. 562 00:19:27.113 --> 00:19:29.613 Il y a aussi les filtres de recherche qui sont accessibles, 563 00:19:29.614 --> 00:19:30.034 par exemple, 564 00:19:30.394 --> 00:19:31.878 qui vont être bénéfiques pour tout le monde. 565 00:19:32.347 --> 00:19:33.159 Et dernier exemple, 566 00:19:33.378 --> 00:19:36.691 les services publics qui ont pris le virage de l'accessibilité pour leurs plateformes numériques. 567 00:19:37.310 --> 00:19:38.993 ont non seulement répondu à leurs obligations, 568 00:19:39.454 --> 00:19:41.620 mais aussi ont vu une augmentation de l'autonomie des usagers, 569 00:19:42.202 --> 00:19:46.476 une réduction des appels aux services d'assistance et une meilleure image perçue par l'ensemble de la population. 570 00:19:47.332 --> 00:19:47.692 Parfait. 571 00:19:47.993 --> 00:19:49.033 Et justement, 572 00:19:49.034 --> 00:19:53.217 en parlant de performance et d'avantages concurrentiels dans cette nouvelle ère de l'IA et du search, 573 00:19:53.717 --> 00:19:57.119 on voit que tout converge vers un concept que nous explorons beaucoup chez WAM, 574 00:19:57.439 --> 00:19:59.221 l'autorité digitale des marques. 575 00:19:59.885 --> 00:20:00.166 Camille, 576 00:20:00.167 --> 00:20:03.361 c'est un point sur lequel l'accessibilité a aussi un rôle à jouer ? 577 00:20:03.486 --> 00:20:03.924 Complètement. 578 00:20:04.783 --> 00:20:08.033 L'accessibilité joue un rôle énorme dans l'autorité des marques, 579 00:20:08.064 --> 00:20:10.096 même si on ne le mesure pas toujours directement. 580 00:20:10.908 --> 00:20:11.189 En fait, 581 00:20:11.236 --> 00:20:14.111 quand une entreprise fait l'effort de rendre ses contenus accessibles, 582 00:20:14.174 --> 00:20:15.299 elle envoie un message fort, 583 00:20:15.314 --> 00:20:15.799 à savoir... 584 00:20:16.064 --> 00:20:17.245 on se soucie vraiment des gens. 585 00:20:17.746 --> 00:20:19.528 Et pas juste de ceux qui lisent vite, 586 00:20:19.727 --> 00:20:20.407 qui cliquent bien, 587 00:20:20.770 --> 00:20:23.172 mais aussi de ceux qui galèrent parfois à naviguer, 588 00:20:23.192 --> 00:20:24.133 à lire et à comprendre. 589 00:20:24.571 --> 00:20:24.836 Et ça, 590 00:20:24.915 --> 00:20:26.235 en termes d'images de marques, 591 00:20:26.274 --> 00:20:26.938 c'est puissant. 592 00:20:27.532 --> 00:20:29.376 Une marque qui prend le temps d'écrire clairement, 593 00:20:29.454 --> 00:20:30.618 de structurer ses contenus, 594 00:20:30.657 --> 00:20:33.383 de sous-titrer ses vidéos et de décrire ses visuels, 595 00:20:34.040 --> 00:20:37.211 c'est une marque qui soigne son message et ça se voit. 596 00:20:37.586 --> 00:20:38.180 Et puis surtout, 597 00:20:38.181 --> 00:20:40.008 en rendant ses contenus accessibles, 598 00:20:40.274 --> 00:20:42.290 la marque élargit naturellement son audience. 599 00:20:42.396 --> 00:20:46.802 Elle touche des personnes en situation de handicap qui jusque-là étaient peut-être mises à l'écart du numérique, 600 00:20:47.399 --> 00:20:51.306 mais aussi des gens qui apprennent le français ou qui ont un accès plus difficile à l'information. 601 00:20:52.009 --> 00:20:52.985 Et ces publics-là, 602 00:20:53.149 --> 00:20:54.431 quand ils se sentent inclus, 603 00:20:54.571 --> 00:20:57.228 ils peuvent devenir hyper fidèles et parler de la marque autour d'eux, 604 00:20:57.649 --> 00:20:58.532 voire la recommander. 605 00:20:59.235 --> 00:20:59.595 Donc oui, 606 00:20:59.829 --> 00:21:00.235 clairement, 607 00:21:00.454 --> 00:21:01.142 l'accessibilité, 608 00:21:01.501 --> 00:21:02.532 c'est un levier d'autorité. 609 00:21:03.251 --> 00:21:05.704 Ça montre qu'on fait les choses bien pour tout le monde. 610 00:21:06.220 --> 00:21:07.595 Et je pense que cette posture, 611 00:21:07.845 --> 00:21:09.267 elle fait vraiment la différence aujourd'hui. 612 00:21:09.907 --> 00:21:11.188 Merci Camille. 613 00:21:11.192 --> 00:21:11.392 Victor, 614 00:21:11.472 --> 00:21:12.013 côté SEO, 615 00:21:12.073 --> 00:21:14.715 qu'est-ce que tu dirais là-dessus ? 616 00:21:15.135 --> 00:21:15.919 Ce que je dirais là-dessus, 617 00:21:15.938 --> 00:21:17.497 c'est que l'accessibilité aujourd'hui, 618 00:21:18.219 --> 00:21:20.098 c'est bien plus qu'un simple enjeu de conformité. 619 00:21:20.778 --> 00:21:22.301 C'est un levier direct et puissant, 620 00:21:23.325 --> 00:21:25.630 déjà pour renforcer l'autorité digitale d'une marque. 621 00:21:26.348 --> 00:21:30.833 Quand une entreprise investit sérieusement dans l'accessibilité et l'envoie un signal fort, 622 00:21:30.973 --> 00:21:31.708 d'abord à Google, 623 00:21:32.192 --> 00:21:36.692 parce qu'un site accessible est généralement bien structuré avec une bonne expérience utilisateur, 624 00:21:37.442 --> 00:21:39.176 c'est ce que les algorithmes vont valoriser. 625 00:21:39.556 --> 00:21:41.677 de plus en plus pour déterminer la fiabilité d'un site. 626 00:21:42.117 --> 00:21:42.917 Et donc résultat, 627 00:21:43.136 --> 00:21:45.136 meilleur classement et meilleure crédibilité technique. 628 00:21:46.257 --> 00:21:47.499 Mais ce n'est pas qu'une affaire de SEO, 629 00:21:48.242 --> 00:21:50.820 c'est aussi un message clair pour les utilisateurs. 630 00:21:51.757 --> 00:21:55.281 Une marque qui pense à l'inclusion est perçue comme plus responsable, 631 00:21:55.664 --> 00:21:57.726 plus humaine et donc plus digne de confiance. 632 00:21:58.867 --> 00:21:59.507 Et ce n'est pas tout, 633 00:21:59.679 --> 00:22:01.679 avec l'émergence des agents conversationnels, 634 00:22:02.179 --> 00:22:02.617 les IA, 635 00:22:02.804 --> 00:22:03.554 les assistants vocaux, 636 00:22:03.976 --> 00:22:05.429 les interfaces sans écran, 637 00:22:06.179 --> 00:22:07.820 l'accessibilité devient encore plus stratégique. 638 00:22:08.432 --> 00:22:10.794 Ces techniques ont besoin de contenus bien structurés, 639 00:22:10.895 --> 00:22:11.835 bien balisés, 640 00:22:12.255 --> 00:22:14.677 pour pouvoir les interpréter et les reformuler correctement. 641 00:22:15.438 --> 00:22:17.317 Donc un contenu pensé pour l'accessibilité, 642 00:22:17.700 --> 00:22:20.606 c'est aussi un contenu prêt pour les nouvelles façons d'interagir avec le web. 643 00:22:21.364 --> 00:22:21.786 En clair, 644 00:22:22.106 --> 00:22:23.825 c'est un atout pour aujourd'hui et pour demain. 645 00:22:25.185 --> 00:22:25.825 Merci Victor, 646 00:22:25.903 --> 00:22:28.138 merci Camille également pour toutes ces infos. 647 00:22:28.169 --> 00:22:31.388 C'est vraiment intéressant de voir comment tous ces aspects sont liés entre eux. 648 00:22:31.884 --> 00:22:32.645 Et pendant que j'y pense, 649 00:22:32.705 --> 00:22:38.190 si vous souhaitez aller plus loin sur ce concept clé de l'autorité digitale des marques et comprendre comment la construire, 650 00:22:38.690 --> 00:22:41.597 rendez-vous sur notre blog agence-wam.fr. 651 00:22:42.136 --> 00:22:46.761 Et si vous souhaitez approfondir encore plus le sujet de ce numéro 59 sur l'accessibilité, 652 00:22:47.339 --> 00:22:49.347 n'hésitez pas à consulter les articles de Victor. 653 00:22:49.348 --> 00:22:49.987 C'est vrai qu'on ne l'a pas dit, 654 00:22:49.988 --> 00:22:50.268 Victor, 655 00:22:50.269 --> 00:22:51.800 tu as écrit quelques articles sur le sujet déjà. 656 00:22:52.472 --> 00:22:52.581 Oui, 657 00:22:52.597 --> 00:22:52.847 c'est vrai. 658 00:22:52.848 --> 00:22:53.065 En fait, 659 00:22:53.066 --> 00:22:55.331 vous pouvez en retrouver deux articles sur le sujet. 660 00:22:55.909 --> 00:22:57.831 Le premier qui s'intitule 661 00:22:58.315 --> 00:23:00.034 « Accessibilité numérique 2025, 662 00:23:00.035 --> 00:23:00.878 les nouvelles obligations » . 663 00:23:01.893 --> 00:23:05.555 et aussi un contenu plus axé accessibilité SEO, 664 00:23:06.016 --> 00:23:06.855 accessibilité web, 665 00:23:06.957 --> 00:23:09.000 quel impact SEO pour 2025. 666 00:23:09.019 --> 00:23:09.402 Parfait, 667 00:23:09.519 --> 00:23:12.043 de quoi avoir toutes les informations sur le sujet. 668 00:23:12.684 --> 00:23:21.348 Et retrouvez-nous également sur LinkedIn où les équipes de l'agence WAM vous livrent régulièrement de bons conseils pour développer la visibilité et l'autorité digitale de votre marque. 669 00:23:21.754 --> 00:23:26.816 Et n'oubliez pas de vous abonner au WAMcast pour ne manquer aucun de nos prochains épisodes et recevoir la petite alerte. 670 00:23:27.254 --> 00:23:29.535 On se retrouve pour un nouveau numéro dès la rentrée. 671 00:23:29.723 --> 00:23:30.238 A très vite !