1 00:00:00,125 --> 00:00:02,375 Bienvenue à tous pour notre deep dive du 2 00:00:02,375 --> 00:00:04,458 jour. On plonge aujourd'hui dans 3 00:00:04,458 --> 00:00:07,083 l'univers des WCAG 2 les règles pour 4 00:00:07,083 --> 00:00:09,583 l'accessibilité des contenus web. Un 5 00:00:09,583 --> 00:00:11,541 sujet que vous, en tant qu'utilisateur du 6 00:00:11,541 --> 00:00:13,375 web, coteuillez tous les jours sans 7 00:00:13,375 --> 00:00:14,208 forcément le savoir. 8 00:00:14,916 --> 00:00:16,291 Absolument et c'est justement ce qui est 9 00:00:16,291 --> 00:00:17,875 fascinant avec les WCAG, ils ont un 10 00:00:17,875 --> 00:00:19,416 impact concret sur l'expérience de 11 00:00:19,416 --> 00:00:20,666 chacun sur le web, même si on n'est 12 00:00:20,666 --> 00:00:21,166 qu'à des pas forcément. 13 00:00:21,625 --> 00:00:23,125 Ok, allons-y, étape par étape, c'est 14 00:00:23,125 --> 00:00:26,083 quoi, aux justes les WCAG et pourquoi 15 00:00:26,083 --> 00:00:27,291 sont-elles si importantes ? 16 00:00:27,833 --> 00:00:29,333 Imaginez un instant que vous tendiez 17 00:00:29,333 --> 00:00:31,000 d'accéder à un site web avec des 18 00:00:31,000 --> 00:00:33,000 informations cruciales, mais que vous ne 19 00:00:33,000 --> 00:00:34,958 puissiez ni lire le texte, ni naviguer 20 00:00:34,958 --> 00:00:37,000 sur la page, ni comprendre son contenu. 21 00:00:37,500 --> 00:00:38,666 C'est malheureusement le cas pour 22 00:00:38,666 --> 00:00:40,250 beaucoup de personnes en situation d'un 23 00:00:40,250 --> 00:00:41,166 handicap qui rencontrent 24 00:00:41,166 --> 00:00:42,208 des barrières sur le web. 25 00:00:42,208 --> 00:00:43,833 Et c'est là que les WCAG entrent en jeu. 26 00:00:44,083 --> 00:00:45,875 Exactement, les WCAG ce sont un ensemble 27 00:00:45,875 --> 00:00:47,833 de lignes directrices internationales qui 28 00:00:47,833 --> 00:00:49,041 visent à rendre le contenu web 29 00:00:49,041 --> 00:00:50,750 accessible à tout quel que soit leur 30 00:00:50,750 --> 00:00:53,291 capacité. Elle repose sur quatre 31 00:00:53,291 --> 00:00:55,458 principes fondamentaux, perceptibles, 32 00:00:55,791 --> 00:00:56,375 utilisables, 33 00:00:56,833 --> 00:00:58,250 compréhensibles et robustes. 34 00:00:58,875 --> 00:01:00,000 Quatre principes, ça fait beaucoup à 35 00:01:00,000 --> 00:01:02,416 retenir. On peut les décortiquer un peu. 36 00:01:02,416 --> 00:01:04,416 Bien sûr, perceptible, ça veut dire que 37 00:01:04,416 --> 00:01:06,333 le contenu du site web doit être 38 00:01:06,333 --> 00:01:08,250 accessible à tous les sens. Par exemple, 39 00:01:08,250 --> 00:01:10,375 si vous êtes malvoyant et que vous 40 00:01:10,375 --> 00:01:12,458 utilisez un lecteur d'écran, vous devez 41 00:01:12,458 --> 00:01:14,333 pouvoir entendre le contenu des images 42 00:01:14,333 --> 00:01:15,208 grâce à des 43 00:01:15,208 --> 00:01:16,958 descriptions textuelles alternatives. 44 00:01:17,375 --> 00:01:18,333 C'est un peu comme si on décrivait 45 00:01:18,333 --> 00:01:19,125 l'image à quelqu'un 46 00:01:19,125 --> 00:01:19,791 qui ne peut pas l'avoir. 47 00:01:19,833 --> 00:01:22,666 Exactement. En site utilisable, signifie 48 00:01:22,666 --> 00:01:24,500 que le site doit être facile à naviguer 49 00:01:24,500 --> 00:01:26,625 et à utiliser peu importe les capacités 50 00:01:26,625 --> 00:01:28,541 physiques de l'utilisateur. On pense par 51 00:01:28,541 --> 00:01:30,375 exemple à la navigation ou clavier pour 52 00:01:30,375 --> 00:01:30,958 les personnes qui ne 53 00:01:30,958 --> 00:01:32,041 peuvent pas utiliser de souris. 54 00:01:32,583 --> 00:01:33,833 Ah oui, d'ailleurs j'ai déjà remarqué 55 00:01:33,833 --> 00:01:36,125 que certains sites sont très difficiles 56 00:01:36,125 --> 00:01:37,500 à utiliser sans souris. On a 57 00:01:37,500 --> 00:01:39,166 l'impression de galérer à chaque clic. 58 00:01:39,375 --> 00:01:40,666 C'est un signe que le site n'est 59 00:01:40,666 --> 00:01:41,833 probablement pas conçu de manière 60 00:01:41,833 --> 00:01:45,083 optimale pour l'accessibilité. Les WCAG 61 00:01:45,083 --> 00:01:46,958 visent justement à éviter ce genre de 62 00:01:46,958 --> 00:01:48,416 problème en fournissant des 63 00:01:48,416 --> 00:01:49,375 recommandations précises. 64 00:01:50,000 --> 00:01:51,583 Et les deux autres principes 65 00:01:51,583 --> 00:01:52,583 compréhensibles et 66 00:01:52,583 --> 00:01:54,458 robustes, ils concernent quoi ? 67 00:01:54,541 --> 00:01:56,500 Compréhensibles, mais l'accent sur la 68 00:01:56,500 --> 00:01:58,000 clarté du contenu et de la navigation. 69 00:01:58,500 --> 00:02:00,708 Il faut que le langage soit simple, que 70 00:02:00,708 --> 00:02:02,333 l'information soit structurée de 71 00:02:02,333 --> 00:02:04,333 manière logique, et que les interactions 72 00:02:04,333 --> 00:02:06,375 soient prévisibles quant à robuste. 73 00:02:06,375 --> 00:02:07,791 Cela signifie que le site doit être 74 00:02:07,791 --> 00:02:09,500 compatible avec un large éventail de 75 00:02:09,500 --> 00:02:11,291 technologies y compris les technologies 76 00:02:11,291 --> 00:02:12,666 d'assistance utilisées par 77 00:02:12,666 --> 00:02:13,583 les personnes handicapées. 78 00:02:14,125 --> 00:02:16,958 Donc en résumé, les WCAG c'est un peu 79 00:02:16,958 --> 00:02:18,916 comme un guide de bonne pratique pour 80 00:02:18,916 --> 00:02:21,000 créer un site web qui soit accessible à 81 00:02:21,000 --> 00:02:23,000 tous et qui offre une expérience 82 00:02:23,000 --> 00:02:24,750 utilisateur optimal. 83 00:02:25,000 --> 00:02:26,791 C'est une excellente synthèse et ce qui 84 00:02:26,791 --> 00:02:28,541 est intéressant c'est que ces principes 85 00:02:28,541 --> 00:02:30,250 bénéficient à tout le monde, pas 86 00:02:30,250 --> 00:02:31,625 seulement aux personnes en situation de 87 00:02:31,625 --> 00:02:33,958 handicap. Un site web accessible est 88 00:02:33,958 --> 00:02:36,083 souvent plus clair, plus facile à 89 00:02:36,083 --> 00:02:38,041 utiliser et plus performant pour tous. 90 00:02:38,625 --> 00:02:39,958 C'est vrai, on a tous déjà été 91 00:02:39,958 --> 00:02:42,500 frustrés par un site web mal conçu avec 92 00:02:42,500 --> 00:02:44,583 des informations difficiles à trouver ou 93 00:02:44,583 --> 00:02:45,791 une navigation chaotique. 94 00:02:46,083 --> 00:02:47,583 Exactement, l'accessibilité c'est 95 00:02:47,583 --> 00:02:49,000 finalement une question de bon sens et de 96 00:02:49,000 --> 00:02:50,250 conception web de qualité. 97 00:02:50,625 --> 00:02:51,916 Mais concrètement, comment est-ce que 98 00:02:51,916 --> 00:02:54,208 les WCAG s'appliquent ? On a parlé de 99 00:02:54,208 --> 00:02:55,208 recommandations, mais est-ce que c'est 100 00:02:55,208 --> 00:02:56,458 obligatoire de les suivre ? 101 00:02:56,791 --> 00:02:58,541 Il faut savoir que les WCAG se déclinent 102 00:02:58,541 --> 00:03:01,250 en différents niveaux de conformité. Et 103 00:03:01,250 --> 00:03:04,083 le niveau A représente des exigences 104 00:03:04,083 --> 00:03:06,458 minimales, tandis que le niveau A est le 105 00:03:06,458 --> 00:03:08,333 plus strict, la plupart des organisations 106 00:03:08,333 --> 00:03:10,375 visent le niveau A qui offrent un bon 107 00:03:10,375 --> 00:03:11,041 équilibre entre 108 00:03:11,041 --> 00:03:12,666 accessibilité et faisabilité. 109 00:03:13,583 --> 00:03:15,166 Donc viser le niveau A, c'est un peu 110 00:03:15,166 --> 00:03:16,833 comme viser la moyenne, mais une bonne 111 00:03:16,833 --> 00:03:17,750 moyenne qui assure une 112 00:03:17,750 --> 00:03:18,875 bonne accessibilité. 113 00:03:18,875 --> 00:03:20,291 Oui, c'est une bonne façon de le voir. 114 00:03:20,750 --> 00:03:21,958 Et il faut savoir que la législation 115 00:03:21,958 --> 00:03:23,416 dans certains pays et même au niveau 116 00:03:23,416 --> 00:03:25,875 international rend obligatoire le respect 117 00:03:25,875 --> 00:03:27,458 d'un certain niveau de conformité aux 118 00:03:27,458 --> 00:03:29,000 WCAG pour les sites web 119 00:03:29,000 --> 00:03:30,250 publics et les services en ligne. 120 00:03:30,791 --> 00:03:32,375 Je vois donc en plus d'être une question 121 00:03:32,375 --> 00:03:33,958 d'éthique et de bon sens, 122 00:03:33,958 --> 00:03:35,041 l'accessibilité web a 123 00:03:35,041 --> 00:03:36,083 aussi un cadre légal. 124 00:03:36,375 --> 00:03:37,916 Tout à fait. Et c'est important de 125 00:03:37,916 --> 00:03:39,583 souligner, car cela montre que 126 00:03:39,583 --> 00:03:41,083 l'accessibilité web est prise au 127 00:03:41,083 --> 00:03:42,666 sérieux, et qu'elle est reconnue comme 128 00:03:42,666 --> 00:03:43,666 un droit fondamental. 129 00:03:44,083 --> 00:03:45,500 C'est rassurant de voir que les choses 130 00:03:45,500 --> 00:03:47,541 avancent dans le bon sens, mais j'imagine 131 00:03:47,541 --> 00:03:48,833 qu'il y a encore beaucoup de travail à 132 00:03:48,833 --> 00:03:50,166 faire pour que le web soit 133 00:03:50,166 --> 00:03:51,166 vraiment accessible à tous. 134 00:03:51,500 --> 00:03:53,250 Absolument, il reste encore beaucoup de 135 00:03:53,250 --> 00:03:54,666 sites web qui ne sont pas conformes aux 136 00:03:54,666 --> 00:03:56,625 WCAG, et il faut continuer à 137 00:03:56,625 --> 00:03:58,166 sensibiliser les développeurs, les 138 00:03:58,166 --> 00:03:59,500 designers et les décideurs à 139 00:03:59,500 --> 00:04:00,875 l'importance de l'accessibilité. 140 00:04:01,166 --> 00:04:02,250 Et justement, pour ceux qui souhaitent en 141 00:04:02,250 --> 00:04:03,750 savoir plus sur les WCAG, par où 142 00:04:03,750 --> 00:04:05,125 commencer, est-ce qu'il existe des 143 00:04:05,125 --> 00:04:06,625 ressources facilement accessibles ? 144 00:04:06,625 --> 00:04:09,333 Bien sûr, le W3C, le consortium qui a 145 00:04:09,333 --> 00:04:11,750 développé les WCAG, mais à disposition 146 00:04:11,750 --> 00:04:14,208 de nombreuses ressources en ligne. On y 147 00:04:14,208 --> 00:04:16,041 trouve des guides, des tutoriels, des 148 00:04:16,041 --> 00:04:18,000 exemples de bonnes pratiques et même des 149 00:04:18,000 --> 00:04:18,916 outils pour tester 150 00:04:18,916 --> 00:04:20,333 l'accessibilité d'un site web. 151 00:04:20,541 --> 00:04:22,333 Super ! On mettra tous ces liens à 152 00:04:22,333 --> 00:04:24,083 disposition dans les notes de cet 153 00:04:24,083 --> 00:04:25,125 épisode pour que vous puissiez 154 00:04:25,125 --> 00:04:25,833 facilement les retrouver. 155 00:04:26,250 --> 00:04:27,958 Parfaitement. Et n'hésitez pas à 156 00:04:27,958 --> 00:04:30,291 explorer ces ressources et à départager 157 00:04:30,291 --> 00:04:32,125 autour de vous. Plus on sera nombreux à 158 00:04:32,125 --> 00:04:33,791 s'intéresser à l'accessibilité web, 159 00:04:34,166 --> 00:04:35,791 plus le web sera un espace 160 00:04:35,791 --> 00:04:37,291 inclusif et accessible à tous. 161 00:04:37,500 --> 00:04:39,875 Merci pour toutes ces explications. Je 162 00:04:39,875 --> 00:04:41,250 pense qu'on a déjà bien avancé dans 163 00:04:41,250 --> 00:04:43,875 notre compréhension des WCAG, mais ce 164 00:04:43,875 --> 00:04:45,375 n'est que le début de notre exploration. 165 00:04:45,875 --> 00:04:47,375 Dans la deuxième partie de ce deep dive, 166 00:04:48,000 --> 00:04:49,916 on se penchera plus en détail sur les 167 00:04:49,916 --> 00:04:52,000 différents niveaux de conformité et sur 168 00:04:52,000 --> 00:04:53,666 les critères spécifiques à respecter 169 00:04:53,666 --> 00:04:54,625 pour rendre un site web 170 00:04:54,625 --> 00:04:56,333 accessible resté avec nous. 171 00:04:56,916 --> 00:04:58,166 Alors Prèpes, l'engin un peu plus en 172 00:04:58,166 --> 00:04:59,375 profondeur dans les niveaux de 173 00:04:59,375 --> 00:05:00,500 conformité des WCAG. 174 00:05:00,500 --> 00:05:01,625 Ah carrément, c'est là que ça devient 175 00:05:01,625 --> 00:05:03,625 vraiment concret. Non, on a vu les grands 176 00:05:03,625 --> 00:05:04,833 principes. Maintenant, on va voir comment 177 00:05:04,833 --> 00:05:05,708 les appliquer en pratique. 178 00:05:06,291 --> 00:05:08,333 Exactement. Chaque principe se traduit 179 00:05:08,416 --> 00:05:10,333 par des critères de succès précis et 180 00:05:10,333 --> 00:05:12,000 vérifiables qui permettent de 181 00:05:12,000 --> 00:05:13,916 déterminer si un site web est conforme 182 00:05:13,916 --> 00:05:15,875 au WCAG. Et comme on l'a dit, il existe 183 00:05:15,875 --> 00:05:16,541 trois niveaux de 184 00:05:16,541 --> 00:05:18,375 conformité, AFA et AFAWA. 185 00:05:18,916 --> 00:05:21,125 Donc si je comprends bien plus le niveau 186 00:05:21,125 --> 00:05:22,083 est élevé, plus le 187 00:05:22,083 --> 00:05:23,041 site web est accessible. 188 00:05:23,291 --> 00:05:25,041 C'est ça le niveau. AR représente le 189 00:05:25,041 --> 00:05:26,500 minimum requis pour rendre un site web 190 00:05:26,500 --> 00:05:28,500 accessible. Le niveau A-A, c'est le 191 00:05:28,500 --> 00:05:30,000 niveau recommandé pour la plupart des 192 00:05:30,000 --> 00:05:31,791 sites web, car il a fait un bon 193 00:05:31,791 --> 00:05:33,708 équilibre entre accessibility et 194 00:05:33,708 --> 00:05:35,541 faisabilité. Enfin, le niveau A-A, 195 00:05:35,541 --> 00:05:37,125 alors, est le niveau d'accessibilité le 196 00:05:37,125 --> 00:05:38,875 plus élevé, mais il est souvent 197 00:05:38,875 --> 00:05:40,250 difficile à atteindre pour 198 00:05:40,250 --> 00:05:41,291 tous les types de contenus. 199 00:05:41,875 --> 00:05:43,583 Et comment est-ce qu'on choisit le niveau 200 00:05:43,583 --> 00:05:44,916 de conformité à viser? 201 00:05:45,291 --> 00:05:46,500 C'est une question importante et la 202 00:05:46,500 --> 00:05:48,291 réponse dépend de plusieurs facteurs. 203 00:05:48,666 --> 00:05:50,500 Le type de site web sont publics, les 204 00:05:50,500 --> 00:05:52,208 ressources disponibles, et bien sûr, la 205 00:05:52,208 --> 00:05:54,250 législation en vigueur en général. On 206 00:05:54,250 --> 00:05:56,500 recommande de viser au moins le niveau A 207 00:05:56,500 --> 00:05:57,708 pour les sites web qu'en public. 208 00:05:58,000 --> 00:05:59,125 C'est intéressant de voir qu'il y a une 209 00:05:59,125 --> 00:06:00,875 dimension pragmatique dans le choix du 210 00:06:00,875 --> 00:06:02,125 niveau de conformité. Ce n'était pas 211 00:06:02,125 --> 00:06:03,500 juste une question de tout ou rien. 212 00:06:04,083 --> 00:06:05,958 Absolument, l'objectif est de trouver le 213 00:06:05,958 --> 00:06:07,916 meilleur compromis entre l'idéal d'une 214 00:06:07,916 --> 00:06:10,166 accessibility parfaite et la réalité 215 00:06:10,166 --> 00:06:11,708 des contraintes techniques et 216 00:06:11,708 --> 00:06:13,833 budgétaire. Il faut aussi garder à 217 00:06:13,833 --> 00:06:16,125 l'esprit que l'accessibilité web est un 218 00:06:16,125 --> 00:06:18,833 processus continu. On peut commencer par 219 00:06:18,833 --> 00:06:20,791 atteindre le niveau,(...) appuyer 220 00:06:20,791 --> 00:06:21,958 progresser vers le niveau 221 00:06:21,958 --> 00:06:23,666 A-A, et ainsi de suite... 222 00:06:23,875 --> 00:06:25,750 Donc, même si on n'atteint pas le niveau 223 00:06:25,750 --> 00:06:29,041 A dès le départ, l'important, c'est de 224 00:06:29,041 --> 00:06:31,041 faire des efforts pour améliorer 225 00:06:31,041 --> 00:06:32,666 l'accessibilité de son site web. 226 00:06:32,791 --> 00:06:34,291 Exactement chaque petit pas compté. 227 00:06:34,291 --> 00:06:35,708 Puis, il faut se rappeler que les 228 00:06:35,708 --> 00:06:37,083 duplicates ne sont qu'un guide. 229 00:06:37,541 --> 00:06:39,208 L'objectif final, c'est de créer un site 230 00:06:39,208 --> 00:06:41,333 web qui soit réellement utilisable par 231 00:06:41,333 --> 00:06:42,916 tout ce qu'elle que soit leur capacité. 232 00:06:42,916 --> 00:06:44,083 Et pour illustrer ces niveaux de 233 00:06:44,083 --> 00:06:45,750 conformité, on peut peut-être prendre 234 00:06:45,750 --> 00:06:47,958 quelques exemples concrets. Avec plaisir, 235 00:06:48,250 --> 00:06:50,666 prenons le critère 1.4.3. Contrast 236 00:06:50,666 --> 00:06:53,416 minimum au niveau. A ce critère, exige 237 00:06:53,416 --> 00:06:55,000 un contraste de couleur suffisant entre 238 00:06:55,000 --> 00:06:56,500 le texte et son arrière-plan pour les 239 00:06:56,500 --> 00:06:58,416 personnes malvoyantes au niveau A-A. Le 240 00:06:58,416 --> 00:07:00,041 contraste requis est plus élevé, ce qui 241 00:07:00,041 --> 00:07:01,833 rend texte encore plus lisible. Au niveau 242 00:07:01,833 --> 00:07:03,291 A-A, le contraste est encore plus 243 00:07:03,291 --> 00:07:04,833 important, ce qui garantit une 244 00:07:04,833 --> 00:07:06,666 lisibilité optimale, même pour les 245 00:07:06,666 --> 00:07:08,208 personnes ayant une déficience visuelle 246 00:07:08,208 --> 00:07:11,791 sévère. Donc, en gros, plus le niveau 247 00:07:11,791 --> 00:07:14,041 de conformité est élevé, plus on 248 00:07:14,041 --> 00:07:15,750 s'assure que le texte soit facile à 249 00:07:15,750 --> 00:07:17,250 lire. Pour tous, même pour ceux qui ont 250 00:07:17,250 --> 00:07:18,583 des difficultés visuelles. 251 00:07:18,583 --> 00:07:19,833 C'est ça, notre exemple intéressant, 252 00:07:19,833 --> 00:07:21,708 c'est le critère 2.4.7. 253 00:07:22,083 --> 00:07:22,958 Focus visible au niveau. 254 00:07:24,000 --> 00:07:25,875 Il est simplement exigé que le focus du 255 00:07:25,875 --> 00:07:27,750 clavier, c'est-à-dire l'élément sur 256 00:07:27,750 --> 00:07:29,750 lequel on se trouve quand on navigue au 257 00:07:29,750 --> 00:07:30,500 clavier, soit visible. 258 00:07:31,041 --> 00:07:33,791 Ah oui, la fameuse petite boîte qui se 259 00:07:33,791 --> 00:07:35,375 dépasse quand on appuie sur la touche. 260 00:07:35,416 --> 00:07:36,083 D'abstrave, j'avoue que vous ne faisiez 261 00:07:36,083 --> 00:07:37,625 pas vraiment attention à ça avant. 262 00:07:37,625 --> 00:07:39,000 C'est un élément crucial pour les 263 00:07:39,000 --> 00:07:40,708 personnes qui ne peuvent pas utiliser de 264 00:07:40,708 --> 00:07:42,250 souris et qui naviguent sur le web 265 00:07:42,250 --> 00:07:44,541 uniquement au clavier au niveau A-A. Le 266 00:07:44,541 --> 00:07:47,083 critère focus visible exige que le focus 267 00:07:47,083 --> 00:07:48,833 soit non seulement visible, mais aussi 268 00:07:48,833 --> 00:07:50,666 suffisamment contrasté par rapport à 269 00:07:50,666 --> 00:07:52,958 l'arrière-plan. Et au niveau A-A, on 270 00:07:52,958 --> 00:07:54,791 exige que le focus est une taille et une 271 00:07:54,791 --> 00:07:56,458 forme spécifique pour être encore plus 272 00:07:56,458 --> 00:07:57,666 facilement repérable. 273 00:07:57,791 --> 00:07:59,833 C'est fou comme des détails qui peuvent 274 00:07:59,833 --> 00:08:01,375 paraître insignifiant pour certains peut 275 00:08:01,375 --> 00:08:02,083 faire une énorme 276 00:08:02,083 --> 00:08:02,875 différence pour d'autres. 277 00:08:03,166 --> 00:08:04,750 C'est tout l'enjeu de l'accessibilité 278 00:08:04,750 --> 00:08:06,708 web prendre en compte la diversité des 279 00:08:06,708 --> 00:08:08,000 besoins et des capacités des 280 00:08:08,000 --> 00:08:09,666 utilisateurs. Et c'est aussi ce qui rend 281 00:08:09,666 --> 00:08:11,041 ce domaine si passionnant. 282 00:08:11,333 --> 00:08:12,625 C'est clair, on apprend plein de choses 283 00:08:12,625 --> 00:08:14,875 en se penchant sur les WSAG, mais 284 00:08:14,875 --> 00:08:16,375 j'imagine qu'il y a aussi des défis à 285 00:08:16,375 --> 00:08:17,041 revêt pour mettre en 286 00:08:17,041 --> 00:08:18,208 place ces critères de succès. 287 00:08:18,916 --> 00:08:20,333 Bien sûr, l'un des principaux défis, 288 00:08:20,333 --> 00:08:21,625 c'est la sensibilisation. Beaucoup de 289 00:08:21,625 --> 00:08:23,083 développeurs et du designers ne sont pas 290 00:08:23,083 --> 00:08:24,250 encore concernes de l'importance de 291 00:08:24,250 --> 00:08:25,791 l'accessibilité web, où ils pensent que 292 00:08:25,791 --> 00:08:27,291 c'est trop compliqué à mettre en place. 293 00:08:28,000 --> 00:08:29,666 Il y a aussi la question des ressources, 294 00:08:29,666 --> 00:08:31,541 car rendre un site web accessible peut 295 00:08:31,541 --> 00:08:32,583 demander du temps et des 296 00:08:32,583 --> 00:08:33,541 compétences spécifiques. 297 00:08:34,041 --> 00:08:35,583 C'est vrai, on peut facilement imaginer 298 00:08:35,583 --> 00:08:37,000 que ça nécessite des ajustements 299 00:08:37,000 --> 00:08:38,666 importants au niveau du code 300 00:08:38,666 --> 00:08:40,083 et du design d'un site web. 301 00:08:40,500 --> 00:08:42,041 Heureusement, il existe de plus en plus 302 00:08:42,041 --> 00:08:44,083 d'outils et de ressources pour faciliter 303 00:08:44,083 --> 00:08:45,583 la mise en place de l'accessibilité web. 304 00:08:46,000 --> 00:08:47,166 Et puis il faut se rappeler qu'un 305 00:08:47,166 --> 00:08:49,458 investissement dans l'accessibilité est 306 00:08:49,458 --> 00:08:51,166 un investissement rentable à long terme, 307 00:08:51,416 --> 00:08:53,291 car il permet de toucher un public plus 308 00:08:53,291 --> 00:08:55,916 large, d'améliorer l'image de marque et 309 00:08:55,916 --> 00:08:57,583 de réduire les risques de litige. 310 00:08:58,166 --> 00:09:00,291 C'est donc un investissement gagnant, 311 00:09:00,291 --> 00:09:01,500 gagnant pour tout le monde, mais 312 00:09:01,500 --> 00:09:03,291 concrètement, par où commencer pour 313 00:09:03,291 --> 00:09:04,750 rendre un site web accessible ? 314 00:09:04,875 --> 00:09:06,291 Il y a plusieurs étapes clés. La 315 00:09:06,291 --> 00:09:07,791 première, c'est de réaliser un audit 316 00:09:07,791 --> 00:09:09,708 d'accessibilité pour identifier les 317 00:09:09,708 --> 00:09:11,458 points faibles du site web. Ensuite, il 318 00:09:11,458 --> 00:09:12,916 faut définir un plan d'action pour 319 00:09:12,916 --> 00:09:14,750 corriger les problèmes identifiés, en 320 00:09:14,750 --> 00:09:16,250 priorisant les actions en fonction de 321 00:09:16,250 --> 00:09:18,541 leur impact et de leur faisabilité. Il 322 00:09:18,541 --> 00:09:20,000 est également important de former les 323 00:09:20,000 --> 00:09:21,583 équipes de développement et de design 324 00:09:22,000 --> 00:09:23,625 aux bonnes pratiques de l'accessibilité. 325 00:09:23,833 --> 00:09:25,333 Et enfin, il faut tester régulièrement 326 00:09:25,333 --> 00:09:26,916 les sites web pour s'assurer qu'il reste 327 00:09:26,916 --> 00:09:28,750 accessible au fur et à mesure des mises 328 00:09:28,750 --> 00:09:29,875 à jour et des évolutions. 329 00:09:30,458 --> 00:09:33,208 Wow, c'est tout un processus. On comprend 330 00:09:33,208 --> 00:09:35,333 mieux pourquoi l'accessibilité web est 331 00:09:35,333 --> 00:09:36,666 un domaine à part entière. 332 00:09:36,875 --> 00:09:38,375 Absolument. Et c'est un domaine en 333 00:09:38,375 --> 00:09:40,416 constante évolution, avec de nouveaux 334 00:09:40,416 --> 00:09:42,125 outils, de nouvelles technologies et de 335 00:09:42,125 --> 00:09:43,166 nouvelles normes qui émergent 336 00:09:43,166 --> 00:09:45,250 régulièrement. Il est donc important de 337 00:09:45,250 --> 00:09:47,000 se tenir informé des dernières 338 00:09:47,000 --> 00:09:49,041 nouveautés et de ne pas hésiter à se 339 00:09:49,041 --> 00:09:49,666 remettre en question. 340 00:09:49,916 --> 00:09:51,125 C'est un message important, retenir 341 00:09:51,125 --> 00:09:52,708 l'accessibilité web. Ce n'est pas un 342 00:09:52,708 --> 00:09:54,250 sprint, c'est un marathon. Il faut être 343 00:09:54,250 --> 00:09:55,583 prêt à apprendre, à s'adapter et à 344 00:09:55,583 --> 00:09:57,541 progresser continuellement. Mais on a vu 345 00:09:57,541 --> 00:09:58,916 aujourd'hui que les efforts en valent la 346 00:09:58,916 --> 00:10:01,000 peine, car un web accessible est d'un web 347 00:10:01,000 --> 00:10:02,583 plus juste, plus inclusif 348 00:10:02,583 --> 00:10:03,500 et plus riche pour tous. 349 00:10:04,333 --> 00:10:06,041 Tout à fait d'accord. Et n'oublions pas 350 00:10:06,041 --> 00:10:07,416 que l'accessibilité web, c'est aussi une 351 00:10:07,416 --> 00:10:09,625 question d'empathie et de solidarité en 352 00:10:09,625 --> 00:10:11,750 rembandant nos sites web accessibles. On 353 00:10:11,750 --> 00:10:13,500 contribue à créer un monde numérique 354 00:10:13,500 --> 00:10:16,083 plus juste et plus équitable pour tous. 355 00:10:16,583 --> 00:10:17,875 On a beaucoup parlé technique et de 356 00:10:17,875 --> 00:10:19,500 conformité, mais j'aimerais bien qu'on 357 00:10:19,500 --> 00:10:21,166 prenne un peu de recul et qu'on 358 00:10:21,166 --> 00:10:22,666 réfléchisse à l'impact humain de 359 00:10:22,666 --> 00:10:23,500 l'accessibilité web. 360 00:10:23,833 --> 00:10:24,958 Ah oui, c'est essentiel. 361 00:10:25,166 --> 00:10:25,375 Ouais. 362 00:10:25,666 --> 00:10:26,666 Derrière les lignes de code et les 363 00:10:26,666 --> 00:10:28,000 critères techniques, il y a des 364 00:10:28,000 --> 00:10:29,875 personnes réelles dont la vie est 365 00:10:29,875 --> 00:10:31,041 directement impactée par 366 00:10:31,041 --> 00:10:32,125 l'accessibilité du web. 367 00:10:32,125 --> 00:10:33,958 C'est vrai, on a tendance à l'oublier. 368 00:10:34,250 --> 00:10:36,375 Parfois on parle de navigation, aux 369 00:10:36,375 --> 00:10:38,416 claviers de contraste de couleurs, mais 370 00:10:38,416 --> 00:10:39,625 on oublie que ces éléments peuvent 371 00:10:39,625 --> 00:10:42,000 faire la différence entre l'inclusion et 372 00:10:42,000 --> 00:10:43,791 l'exclusion pour certaines personnes. 373 00:10:44,125 --> 00:10:45,666 Exactement. Imaginez une personne 374 00:10:45,666 --> 00:10:47,458 malvoyante qui ne peut pas lire les 375 00:10:47,458 --> 00:10:49,125 informations sur un site web parce que le 376 00:10:49,125 --> 00:10:50,958 contrat s'est insuffisant, ou une 377 00:10:50,958 --> 00:10:52,083 personne saut de quira de des 378 00:10:52,083 --> 00:10:53,250 informations cruciales parce qu'une 379 00:10:53,250 --> 00:10:54,166 vidéo n'est pas sous-titrée. 380 00:10:54,375 --> 00:10:54,791 C'est vrai. 381 00:10:55,250 --> 00:10:56,375 C'est comme si on leur fermait la porte 382 00:10:56,375 --> 00:10:58,291 au nez, on les prive d'un accès égal à 383 00:10:58,291 --> 00:11:00,500 l'information et au service.(...) Et ce 384 00:11:00,500 --> 00:11:01,833 n'est pas seulement une question d'accès 385 00:11:01,833 --> 00:11:02,833 à l'information, c'est aussi une 386 00:11:02,833 --> 00:11:04,083 question de participation de la 387 00:11:04,083 --> 00:11:06,000 société, de pouvoir interagir avec les 388 00:11:06,000 --> 00:11:08,208 autres, de faire ses achats en ligne, de 389 00:11:08,208 --> 00:11:09,958 gérer ses comptes bancaires, bref, de 390 00:11:09,958 --> 00:11:11,625 vivre une vie pleinement intégrée dans 391 00:11:11,625 --> 00:11:12,333 le monde numérique. 392 00:11:12,333 --> 00:11:13,750 Ouais, c'est une question d'innité et 393 00:11:13,750 --> 00:11:14,875 d'autonomie finalement. 394 00:11:15,333 --> 00:11:16,708 Absolument. Et c'est pour ça que 395 00:11:16,708 --> 00:11:18,000 l'accessibilité web est un droit 396 00:11:18,000 --> 00:11:20,291 fondamental. Pas un luxe ou une option. 397 00:11:20,666 --> 00:11:21,833 Est-ce qu'il y a courage en ce qu'on voit 398 00:11:21,833 --> 00:11:24,541 de plus en plus d'initiatives pour 399 00:11:24,541 --> 00:11:27,041 promouvoir l'accessibilité web des lois, 400 00:11:27,541 --> 00:11:28,875 des normes, des outils ? 401 00:11:29,041 --> 00:11:30,625 La sensibilisation progresse. 402 00:11:30,875 --> 00:11:32,375 Oui, il y a une prise de conscience 403 00:11:32,375 --> 00:11:34,083 croissante de l'importance de 404 00:11:34,083 --> 00:11:36,500 l'accessibilité. Et c'est une bonne 405 00:11:36,500 --> 00:11:38,791 nouvelle,(...) mais il reste encore 406 00:11:38,791 --> 00:11:40,750 beaucoup de chemin à parcourir. C'est 407 00:11:40,750 --> 00:11:42,291 dans travail de Longalene qui demande 408 00:11:42,291 --> 00:11:44,041 l'implication de tous les développeurs 409 00:11:44,041 --> 00:11:45,583 aux designers en passant par les 410 00:11:45,583 --> 00:11:46,791 décideurs politiques et 411 00:11:46,791 --> 00:11:48,000 les utilisateurs humains. 412 00:11:48,125 --> 00:11:50,625 Exactement chacun a un rôle à jouer en 413 00:11:50,625 --> 00:11:52,291 tant qu'utilisateur. On peut par exemple 414 00:11:52,291 --> 00:11:54,791 choisir de privilégier les sites web 415 00:11:54,791 --> 00:11:56,833 accessibles en tant que développeur. On 416 00:11:56,833 --> 00:11:58,708 peut s'engager à respecter les normes 417 00:11:58,708 --> 00:12:01,083 d'accessibilité en tant que citoyen. On 418 00:12:01,083 --> 00:12:02,625 peut soutenir les initiatives qui 419 00:12:02,625 --> 00:12:03,958 promovent l'inclusion numérique. 420 00:12:04,166 --> 00:12:05,833 C'est une belle façon de conclure ce 421 00:12:05,833 --> 00:12:07,291 deep dive en rappelant que 422 00:12:07,291 --> 00:12:08,833 l'accessibilité web est l'affaire de 423 00:12:08,833 --> 00:12:10,666 tous et que chaque geste compte. 424 00:12:11,166 --> 00:12:13,458 Merci de m'avoir invité.(...) J'espère 425 00:12:13,458 --> 00:12:15,208 que cette discussion aura permis de mieux 426 00:12:15,208 --> 00:12:16,250 comprendre l'importance de 427 00:12:16,250 --> 00:12:18,208 l'accessibilité web et d'encourager 428 00:12:18,208 --> 00:12:20,416 chacun à agir pour un web plus inclusif. 429 00:12:20,458 --> 00:12:22,333 Merci à vous pour votre expertise et à 430 00:12:22,333 --> 00:12:24,375 tous nos auditeurs où vous encourage à 431 00:12:24,375 --> 00:12:25,833 poursuivre votre exploration de 432 00:12:25,833 --> 00:12:28,041 l'accessibilité web. N'hésitez pas à 433 00:12:28,041 --> 00:12:29,500 consulter les ressources que nous avons 434 00:12:29,500 --> 00:12:31,000 mises à disposition dans les notes de 435 00:12:31,000 --> 00:12:33,833 l'épisode. Et surtout, n'oubliez pas que 436 00:12:33,833 --> 00:12:35,666 chaque petit pack vous faites pour un web 437 00:12:35,666 --> 00:12:38,000 plus accessible contribue à créer un 438 00:12:38,000 --> 00:12:40,375 monde numérique plus juste et plus 439 00:12:40,375 --> 00:12:41,791 équitable pour tous. A 440 00:12:41,791 --> 00:12:43,500 bientôt pour un nouveau deep dive.