 Merci d'être là du matin pour parler d'accessibilité, c'est vraiment cool. Mon nom c'est Hugue Ténier, je suis développeur UX chez Shopify. Aujourd'hui, j'avais goût de parler d'accessibilité web, donc comment rendre l'interface accessible pour que les personnes avec des handicap puissent interagir avec. J'avais 45 minutes, j'ai 30 minutes finalement, je vais essayer de goûter les slides le plus rapidement possible. Avant de vous montrer les 5 petits trucs intégrés dans le workflow, je voulais vous parler aussi pourquoi et comment je me suis intéressé à l'accessibilité parce que ça fait 10 ans que je suis dans le milieu du web. J'ai travaillé en agence pendant 9 ans avant de me joindre chez Shopify. Quand je suis en agence, l'accessibilité c'est genre, t'en parles le moins possible, les clients n'ont pas de budget, les devs ne veulent pas en faire, il s'est compliqué, c'est long, mais l'impact qu'on a sur les gens est tellement important que je voulais venir vous montrer comment commencer à l'intégrer et comment je me suis intéressé à l'accessibilité. Je me suis surtout intéressé à l'accessibilité parce que chez Shopify, la question c'est pas est-ce qu'on en fait, la question c'est où est-ce qu'on s'arrête pour mettre la barre la plus haute possible parce qu'on est pas mal les leaders en e-commerce pour les small business et les medium business. On veut essayer de mettre la barre la plus haute possible comme ça. Je pense qu'on va réussir à raise un peu le milieu d'e-commerce en web. Donc, il y a deux moments clés qui m'ont vraiment fait shifter mon importance que j'accorde à l'accessibilité. En fait, c'est deux personnes que j'ai rencontrées personnellement. La première personne, c'est Rylan Vroom, c'est un navegle de naissance, c'est un power user donc, il est constitué en accessibilité pour les agences ou les entreprises. Il y a une même des personnes aveugles avec des problèmes de vision à utiliser des lecteurs d'écran pour naviguer sur le web. Et Rylan, on l'a invité chez Shopify pour tester notre plate-forme, voir comment ça pouvait aller, voir si ça allait bien. C'est la première fois que ça m'a vraiment frappé parce que là, je suis assis à côté d'un navegle qui utilise un lecteur d'écran pour essayer de se repérer sur le site, pour naviguer. Et évidemment, ça n'allait pas se suivre par bien parce que même si on essaie de mettre tous les efforts, il faut que lui, il faut qu'il visualise le site dans sa tête, il faut qu'il essaie de se replacer. Puis le test qu'on avait avec lui, c'était vraiment simple. C'était, vas sur un site e-commerce, trouve une paire de souliers, prends ta grandeur et ajoute-la au panier. C'est un flow assez simple. On fait ça tous les jours, presque. On trouve un produit, on l'achète cool, on s'attend à ce qu'il soit là le lendemain avec Amazon Prime, tout va bien. Il commence le test, ça va quand même bien, il trouve le soulier, il est même capable de choisir sa grandeur, cool. Mais rendu au ad to cart, on ajoute au panier, c'est là que ça brise parce qu'on utilise un pattern assez commun à web, du clé sur l'achete au panier, il y a un résumé du cart qui apparaît, il y a le bouton checker en bas, visuellement, vraiment facile à comprendre, mais pour lui qui voit pas, premièrement, il n'y a aucune confirmation que son produit est ajouté au panier, puis deuxièmement, il n'y a aucune notification qui est un panneau qui est ouvert sur le côté. Il ne comprend pas que son produit est ajouté au panier, il essaie de cliquer sur le bouton, ça ne marche pas, il n'y a rien qui se passe selon lui. Même quand on dit, ok, tu as réussi à acheter un ad to cart, tu as réussi à acheter ton produit, il essaie de trouver le bouton checker, il ne trouve pas, il n'y arrive pas à le trouver, il tape partout, il n'y arrive pas, et c'est un expert, c'est un expert avec les lecteurs d'écran. Il arrive finalement, il essaie de trouver checkout, mais là, il ne l'écrit pas de la bonne façon, il n'y arrive pas à trouver checkout. C'est la première fois que ça me frappait, c'est un pattern que j'ai utilisé des millions de fois, qu'on voit partout, des hamburgers menus, ça sur ce côté, mais juste parce que c'était un petit peu mal fait, puis il manquait un peu de code, on a exclu toute cette catégorie de gens-là, puis il ne pouvait pas, il n'était pas capable d'acheter son produit, ça me vraiment frappait. Deuxième personne, c'est David Loposky, c'est un avocat avec à la retraite en Ontario, qui est super intéressant, j'ai rencontré dans une conférence sur l'accessibilité, puis il fait plein de lobbying au gouvernement, puis il est vraiment actif pour passer des lois sur l'accessibilité, et il faisait plein de comparaison avec la vraie vie, puis le web, comme quoi, par exemple, si je peux aller à la banque au guichet, bien pourquoi, si je suis aveugle, je ne suis pas capable d'aller sur accéder, parce que le site d'accéder n'est pas accessible, par exemple. Il faisait plein d'exemples comme ça, puis il commence à parler aussi, qui fait partie de l'organisation, qui vont sur des endroits publics, puis il se filme, il se filme avec des handicapés, il précise d'interagir avec l'endroit, puis il met ça sur YouTube, juste pour race lowerness, que tu sais, parfois, pour nous, ça a l'air vraiment simple et ça a l'air bien, mais c'est un handicap, tu peux avoir des problèmes, puis il commence à parler du nouveau campus à Toronto, de l'Université de Ryerson, qui a gagné un prix d'architecture canadien. Tu sais, il met vraiment l'enface sur, tu sais, ça a gagné un prix, c'est le best of the best, ça devrait être l'excellence, puis quand tu regardes ça, c'est beau, c'est fou, c'est le toit, la texture, les couleurs, c'est fou, mais quand tu zooms un peu plus sur la photo, tu te rends compte que ça, c'est comme 30 secondes dans un de ces vidéos. Tu sais, il y a une colonne en béton, en plein milieu des marches, puis tu sais, quand tu regardes de l'extérieur, tu vois un peu maintenant qu'on le sait, mais tu sais, tu dis, ok, là évidemment, il se pète le front, ça colonne parce que lui, il n'a pas venu, puis il s'imagine jamais qu'une colonne de béton dans les marches, mais tu sais, c'est là que les comparaisons avec le web et la vraie vie, on commence à faire plein de sens parce que tu sais, ça a gagné un prix, c'est supposé que le meilleur pour tout le monde, c'est ça, c'est le meilleur architecture canadien dans cette catégorie-là, dans cette année-là, puis tu sais, c'est tellement inconvénient pour lui parce qu'il a besoin de tenir la rôme pour monter les marches, mais c'est peut-être inconvénient aussi pour juste une femme enceinte qui a besoin de tenir la rôme, peut-être juste une personne âgée, peut-être juste quelqu'un qui marche avec une canne, quelqu'un qui s'est brisé la jambe récemment. Fait que tu sais, quand on commence à penser à l'accessibilité un peu plus en détail, on se rend compte que ça touche tout le monde, puis tu sais, justement, il parle que ça a gagné un prix, puis la comparaison avec le web est facile à faire, les prix qu'on donne aux sites internet sur CSS Design Awards, FWAs, tout le temps, le plus d'animation possible, le plus de transition, faut que ça soit flashy, faut que ça soit beau, on scroll, il y a plein d'affaires qui apparaissent en faite, tout ça, puis tu sais, tu te rends compte que finalement ces sites-là, la majorité du temps, il y a eu des méga problèmes d'accessibilité, fait qu'il exclut une majeure partie de gens juste parce que c'est beau, puis ah, tu sais, c'est cool en designer d'avoir le plus beau site possible. Fait que ces deux personnes-là, ils m'ont vraiment marqué, puis je suis revenu de ça, puis j'ai dis qu'il faut que je vois au Québec la situation actuelle, parce que à chaque fois que je parle autour de moi, tout le monde est d'accord que oui, c'est important, on ne le fait pas assez, souvent parce qu'on n'a pas de budget. Fait que je voulais un peu voir la situation que Québec a l'air de courir. Fait que je suis allé sur Facebook, j'ai posé une question vraiment simple, je suis juste dit, ok, j'aimerais savoir une discussion gas-pectuous, parce qu'il y a des fois sur Facebook, ça peut tourner drôle, mais c'est ça. Fait que juste l'accessibilité, je me suis dit, ok, j'ai travaillé en agence longtemps, c'est pas pour jeter le blâme sur personne, je veux juste savoir c'est quoi votre situation dans votre travail quotidien ou dans votre compagnie. J'ai eu des super bonnes réponses, il y a quelqu'un qui me dit, ah, je pense que c'est aria, mais je ne sais pas exactement c'est quoi, puis je ne serais pas comment tester. Puis il y a raison, tester c'est difficile, parce que tu n'auras jamais l'indicat de la personne. Oui, tu peux tester pour que le site fonctionne sur un lecteur d'écran, mais tu ne seras jamais aveugle, tu n'auras jamais des problèmes de vision quand tu le test. Fait que tu ne pourras jamais te mettre 100% dans la peau de la personne, mais au moins il y a des bonnes pratiques qu'on peut mettre en place. Une autre personne qui a dit, ce n'est pas assez connu, mais il y a trouvé un outil qui fait des tests automatiques dans le UIR, fait qu'au moins il y a un peu la conscience tranquille, au moins je rend mes tests automatiques, fait que c'est cool. Classique réponse de, bien, le client voulait double A, c'était plus de budget, il a coupé sans premier, puis ça fait tellement pas de sens quand s'il pense, parce que j'aurais le goût que l'accessibilité ça devienne comme la performance, comme le référencement. Il n'aurait jamais un client qui va dire, on va couper le référencement parce que c'est trop budget, c'est obligatoire de le faire. J'espère que l'accessibilité, ça va se prendre un jour. J'ai eu des questions que mes gars passionnés, genre, oui, nous, on a des clients en Ontario, puis c'est la loi en Ontario, faut le faire l'accessibilité, mais c'est compliqué, nan, nan, nan. Fait que j'avais le goût un peu de débanquer aussi des mythes qu'on a sur l'accessibilité quand on ne connaît pas trop ça, puis qu'on n'a pas, on ne s'est pas mis les pieds dedans. Premier truc que j'ai vraiment entendu souvent, c'est, ah, ben moi, mes utilisateurs, ils n'ont pas besoin d'interface accessible, il n'y a pas de problème, tout est correct, c'est un petit, puis c'est pas grave. Mais, tu sais, quand on repasse, à l'exemple de la colonne de béton, puis qu'on voit plus large, ben là, tu sais, c'est, oui, évidemment, c'est un problème flagrant pour les aveugles, mais tu sais, ça peut être, comme je disais, ça peut être un problème pour la femme enceinte, la personne, peu importe la raison, ce n'est pas ça important, qu'il y a besoin de tenir la ronde pour monter les marches. Fait que tu sais, oui, si on pense à l'accessibilité, oui, on va dire, OK, il y a 15 % des gens au Canada qui ont un handicap rapporté, qui n'aura pas l'accessibilité, mais ça touche vraiment, vraiment tout le monde, dans différentes situations. Puis, c'est vraiment cool, parce que Microsoft, ils sont arrivés avec une nouvelle façon de voir la chose, vraiment intéressante. Dans le fond de l'accessibilité, tu peux en avoir besoin, tu peux avoir besoin permanent, un besoin temporaire ou un besoin situationnel. Fait que, par exemple, permanent, c'est oui, j'ai juste, je peux avoir juste un bras, peut-être que je suis né à la naissance avec juste un bras. Donc, tu sais, les gestures compliquées sur les tablettes ou sur le téléphone à un bras, je peux avoir un peu de misère, mais temporaire, c'est juste, peut-être, je suis gaucher, je me suis brisé le bras gauche. Fait que, maintenant, j'utilise ma souris de la main droite. Fait que, j'ai pas un handicap, mais dans ce moment-là, pour une période de un mois ou deux, ben, là, j'utilise ma souris de la main droite. Fait que, je suis peut-être moins rapide, peut-être que, tu sais, je suis moins précis aussi. Fait que, tu sais, les méga menus trois niveaux, que tu passes d'un pixel à droite ou en bas, puis il disparaît au complet, et puis, je dois recommencer. Tu sais, ça ne pardonne pas, bien, cette personne-là va peut-être avoir un peu plus de misère. Ou situationnelle, c'est peut-être juste, tu sais, je suis une nouvelle maman, j'ai à l'aide mon bébé, c'est un peu long, j'écoute Netflix, je ne peux pas mettre de son, ben, tu sais, j'ai besoin des sous-titres. Fait que, ça, c'est juste situationnelle. Elle n'a pas un handicap, c'est juste, dans cette situation-là, elle a besoin d'accessibilité. Fait que, tu sais, si Netflix se dit, ah ben, là, tu sais, les personnes avec des problèmes d'outil, on s'en fout, on ne mettra pas les sous-titres, ben, c'est pas juste ces personnes-là qu'on touche, c'est, ça peut être tout le monde dans n'importe quelle situation. Fait que, c'est vraiment important de garder ça en tête. La loi, ça, c'est comme un demi-mitte, en fait, parce que, au Québec, à ce que je sache, en tout cas, il n'y a pas de loi qui rend que les sites obligatoires accessibles. Mais, en Ontario, il y en a une. C'est si une compagnie, je pense, que plus que 50 employés, ton site doit être accessible, que ce soit un site gouvernemental ou non. Et, aux États-Unis, il y a des lois aussi que ton site doit être accessible. Et il commence à avoir des poursuites aussi, parce que, aux États-Unis...