 Oui, bonjour, merci d'être là et merci aux organisateurs de tout ça. Ça commence bien, c'est sympa. Merci d'avoir invité, d'avoir accepté ma conférence, surtout. Et donc, oui, je vais vous parler d'accessibilité, je vais vous parler plus de l'aspect de l'égal. J'espère que j'ai essayé de que ce soit le plus digest possible. Je suis clairbisins que je travaille, j'ai un société thémistice depuis le début de l'année. J'ai beaucoup travaillé sur WordPress aussi, en freelance avant. Développement de thèmes, etc. Développement de sites WordPress. Et je me suis toujours intéressée à faire le lien entre WordPress et l'accessibilité. Je vais vous expliquer un petit peu. Je vais faire une petite introduction sur l'accessibilité pour peut-être ceux qui n'ont jamais entendu parler ou faire quelques petits rappels ou voir ça différemment. Donc, c'est thémistice. En fait, on fait des audits d'accessibilité, de la formation et de l'accompagnement sur les projets. Vous avez besoin, vous avez un client qui vous demande un site accessible. On peut vous aider pour vous accompagner du début jusqu'à la fin du projet en tant qu'expert d'accessibilité. On est aussi expert qualité web. Je ne sais pas si vous avez entendu parler du référentiel auquaste, qui parle SIO, performance, accessibilité, enfin tout ce que vous devez prendre en compte quand vous faites un site web. C'est en ligne, vous pouvez aller voir, c'est riche d'informations. C'est aussi une checklist qui vous dit ce qu'il faut faire sur votre site web. Et les checklists, c'est intéressant parce que ça permet aussi de rien oublier, de se référer, d'avoir un référentiel commun sur lequel on peut travailler. Des référentiels, vous allez en entendre parler pendant toute la con. Je fais un petit rappel, Patrick vous a parlé de l'UX, Patrick vous a parlé de l'internaute qu'il faut prendre en compte. Et nous, les internautes que l'on prend en compte, ce sont les personnes en situation de handicap. Les personnes que l'on adresse, c'est tout ce qui est handicap visuel. Donc malvoyant, nonvoyant, d'altonien, 8% de la population masculine d'altonisme, c'est quand même pas mal, moins de 1% pour les femmes. Les malentendants, les sourds, vidéo sous-titrées, vous n'oubliez pas les sous-titrées, c'est des personnes qui vont absolument pas avoir l'information si vous ne faites rien. Le handicap cognitif est mental. Là, on fait attention aussi aux personnes dyslexiques, la manière dont l'on visualise le contenu, etc. Et puis, tout ça aussi, on vise également les seigneurs qui peuvent avoir, qui peuvent être en situation de handicap visuel, mental, moteur cognitif, auditif. Le handicap moteur, c'est pour les personnes qui ont des problèmes avec leurs membres supérieurs. Donc, ils ne vont pas pouvoir, par exemple, utiliser la souris, ils vont utiliser d'autres techniques pour naviguer sur le web. Et en fait, ça veut dire que tous vos sites, ça vous pouvez faire le test très rapidement, vous utilisez la touche TAB et vous faites en sorte que votre site soit utilisable qu'avec la touche TAB, avec les flèches au bas, gauche, droite, etc. Vous allez voir que peut-être vous aurez des problèmes. Donc, à voir. Donc, ce petit symbole que l'on voit un peu partout, et ce petit symbole d'accessibilité universelle, cette petite personne qui symbolise un peu tout ça. C'est vrai que Patrick vous a parlé de l'Ix inclusif et on est là-dedans, quand on parle. Alors, on parle d'Ix inclusif quand des départs, on veut intégrer toutes ces personnes-là, sans dès le départ, nous, l'accessibilité, on le prend aussi dès le départ, mais c'est vrai qu'on visse les personnes en situation de handicap en premier. C'est vraiment la cible principale et les signaux. Alors, les usages, je vous ai montré un petit peu quelques usages, enfin, quelques logiciels et matériels supplémentaires que ces personnes utilisent pour aller sur vos sites web. Donc, c'est les personnes non voyants vont naviguer sur le web avec un lecteur d'écran, ça veut dire vocaliser tout ce qu'il y a sur la page. Donc, oui, vous avez des narrateurs, oui, vous avez des petits logiciels sur vos ordinateurs qui vocalisent, qui peuvent vocaliser, mais eux, ils ont vraiment besoin d'un logiciel beaucoup plus performant, qui leur permet à la fois de vocaliser et de naviguer sur le web. D'aller de lien en lien, d'aller de titres en titres, d'aller de région en région, etc. Vous avez ce qu'on appelle le contrasté levé, ça veut dire des personnes qui ne peuvent plus du tout lire sur du blanc. D'ailleurs, que tout ce qui est écrit sur du blanc, le blanc est tellement lumineux, que du coup, ils ne peuvent pas lire les écritures ou le texte, ils ne peuvent pas lire, donc ils vont avoir besoin de changer le fond. Donc ça, on a un logiciel, on a ce qu'il faut sur les Windows et Mac pour carrément configurer son ordinateur en fonction de sa propre vue. Donc il y a une personne qui, pour le noir, ça sera très bien comme fond, avec des couleurs un peu jaunes, etc. Vous vous regardez ça, vous dites mais c'est horrible, je ne lis rien, mais ce n'est pas pour vous. Donc, chaque personne va adapter son ordinateur à sa vue. Donc c'est complètement personnel et grâce à ce genre de logiciels, vous pouvez le faire. Sinon, les loops d'écran, vous avez des personnes qui ont besoin de grossir énormément tout ce qu'il y a sur leur écran. Donc on a des zoom pages sur les navigateurs, des zoom textes, etc. Mais ça ne suffit pas, ils ont vraiment besoin d'un logiciel supplémentaire. Donc là, ça veut dire que sur les écrans, il n'y a pas grand-chose d'écrit. Donc ils ne vont pas arrêter de balayer. C'est un peu comme quand vous êtes sur Aspartone et qu'il n'est pas responsif. Donc ils n'arrêtaient pas de bouger, etc. Là, ils ne vont pas arrêter de naviguer comme ça, mais ils sont habitués. Donc tous ces gens-là, avec leur matériel logiciel supplémentaire, ça va être lourd pour naviguer, mais ils vont pouvoir le faire. Et c'est ça qui compte. C'est-à-dire que peut-être que votre interface, elle va être complètement dégradée visuellement par rapport à ce que vous faites, mais c'est pas grave. Eux, ce qu'ils veulent, c'est avoir l'information et pouvoir utiliser vos sites. Ils peuvent vouloir aller sur votre site de e-commerce et commander, comme ils l'entendent, jusqu'à la fin et avoir leur produit livré comme tout le monde. Donc même si visuellement ils ont adapté votre interface avec les logiciels, qu'ils ont, mais c'est pas grave, ce qu'il faut, c'est pas de perte d'information et pas de perte de service d'outilage que vous avez proposé sur vos sites. On a aussi ce qu'on appelle des guides-dois. Alors une personne qui va avoir énormément de tremblements, la souris, ça va être très compliqué à utiliser. Donc en fait, on va plutôt utiliser son clavier. Et en fait, on adapte des alcages sur un clavier existant. En fait, ça détruit et quand la personne met son doigt dans le poids, elle est bloquée. C'est-à-dire que quand on a des tremblements, on risque d'appuyer deux fois sur la même touche. Donc là, ils visons, donc c'est vrai que c'est un peu plus lent, mais au moins ils peuvent le faire pour une fois, ils peuvent le faire grâce au matériel et logiciel d'adaptation. Il y en a des tonnes de matériel et logiciel maintenant d'adaptation, juge 2018, je dirais. Donc c'est, voilà, et le numérique pour ces gens-là, c'est extraordinaire. C'est vraiment un accès à la formation extraordinaire. La licorne, ça c'est un casque avec la possibilité de taper au clavier avec cette tige. Donc c'est quelque chose qui est de moins en moins utilisé. Parce que maintenant, il y a le high tracking qui s'est démocratisé par les webcams, en fait, et les logiciels gratuits qui vont avec. Donc c'est plutôt ça qu'ils vont utiliser parce qu'imaginer ça, c'est lourd. Il faut pouvoir bouger sa tête. Donc les personnes qui ne peuvent pas bouger, leurs têtes vont avoir d'autres techniques. Et le high tracking, donc le capte, en fait, les mouvements des yeux, ça va être quand même très simple. Tout ça, donc au niveau des usages, eh bien il va falloir quand même que vous, quand vous créez des sites, vous soyez compatibles avec tout ça. Donc ça veut dire que des fois, des personnes dans situations d'endicapes visuelles, avec leur les temps d'écran, vont entendre liens, boutons, liens, rien, vide. Ça veut dire que dans votre code, donc sélecteurs, se battent sur votre code HTML. Si vous donnez et faites un code HTML qui n'est pas correct, il ne pourra pas s'en sortir, il ne pourra pas vocaliser correctement. Donc le gros de votre travail que vous utilisez n'importe quel heure, ça c'est le message, que vous utilisez n'importe quelle technique ré-AJS, tout ce que vous voulez, mais tout ce que vous voulez, dès que vous générez l'HTML, il faut qu'il soit correct, il faut qu'il respecte les critères d'accessibilité, il faut qu'il soit valide avec le W3C, c'est très bête. Mais si vous respectez l'aspect HTML5, tel qu'elle décrit, et en fait vous avez gagné énormément dans la mise en accessibilité de votre site. Ça c'est la base. Déjà, si on fait ça, on est bien partis, message. Donc faites l'HTML correct, et du CSS qui vaut bien. Les smartphones très utilisés en mobilité, c'est des gens qui utilisent énormément un smartphone, parce qu'en fait, de base, les smartphones ont un lecteur d'écran, à l'intérieur, déjà de près, Android, Mac, tout ça, ont déjà un lecteur d'écran depuis toujours, alors Android un peu moins, Apple a toujours mis un lecteur d'écran sur ces ordinateurs et sur ces mobiles. Alors, les défauts d'accessibilité dans WordPress, d'où viennent-ils ? On a plusieurs sources possibles de défauts d'accessibilité, alors WordPress dans le corps. Donc, WordPress a fait du bon travail au niveau du corps, c'est-à-dire tout ce que vous faites, tout ce qui est généré automatiquement par WordPress, c'est quand même un code correct. Là où ça commence à pêcher, c'est les plugins, c'est-à-dire que tous les développeurs de plugins qui génèrent du HTML doivent générer du HTML correct, accessibles. On revient toujours, je vais un peu me répéter, mais c'est un peu ça. Les thèmes, c'est pareil, quand vous développez un thème, c'est pareil, ça génère du HTML, du CSS, il faut qu'ils soient corrects. Les contenus, c'est-à-dire les rédacteurs web, doivent faire attention à la manière dont ils rédigent leurs contenus. Donc des listes, des titres, des listes non simulés, c'est-à-dire que je n'écris pas tirer quelque chose, j'utilise la fonction liste-à-pufe, parce que tout ça, ça va générer du bon HTML qui va être bien vocalisé. Bon, après, je n'entreviendrai pas notre prescor. Donc, on va avoir un gutabert. Donc là, il y a du travail, j'anticie peut-être les questions. Il y a du travail d'accessibilité qui est en train de se faire, qui est en train de se compléter, ça ne va pas être parfait, mais rien n'est parfait. Donc au fur et à mesure, il y a de l'amélioration progressive sur ce côté-là. Il y a plein de tickets qui ont été remontés, mais voilà, il y a quand même des choses de faite, on ne parle pas d'une page zéro. Alors, un même site pour tous, ça veut dire que vous devez être compatibles avec ces technologies d'assistance, pour que toutes ces personnes puissent aller sur vos sites, sans aucun problème, sans perte d'information. Surtout sans blocage. C'est important, par exemple, un vrai blocage pour une personne qui est non-voyante, c'est un anti-spam avec un visuel unique. Donc une personne qui ne voit pas, vous lui mettez un anti-spam, bah si c'est ce que vous voyez dans l'anti-spam, ça va être compliqué pour une personne qui ne voit pas. Donc ça, c'est un vrai blocage, par exemple. L'énorme, on va attaquer l'énorme, l'énorme et l'éréférentiel. Et c'est important d'avoir des référentiels en accessibilité, parce qu'on ne peut pas raconter tout et n'importe quoi. Donc en fait, depuis 2008, on a le W3C qui a sorti son référentiel, ça norme, les WCAG et qui évoluent dans le temps. Tout ça, ça évolue, l'accessibilité évolue, comme toutes les autres techniques du web. Donc en fait, on en est maintenant à la WCAG 2.1, WCAG, WCAG, 2.1. Et en fait, actuellement, vous allez voir que les référentiels de tous les pays européens se basent, parce qu'il y a une loi européenne maintenant sur l'accessibilité, doivent prendre en compte ce référentiel international de W3C. Donc là, on est en transition actuelle, parce que la 2.1, c'est récent, c'est au mois de juin 2018, c'est très récent. Donc les référentiels existant n'ont pas encore intégré cette nouvelle norme, mais dans le futur, c'est ce qu'il faut faire. Alors tout ça, c'est en ligne, vous pouvez aller voir. La norme ARIA, c'est quelque chose, je ne sais pas si ceux qui font du développement ont déjà vu des attributs Rawls, des attributs ARIA-Hidden, des choses comme ça. Donc ça, ça fait partie de la norme ARIA, qui permet en fait de rajouter de la vocalisation pour les lecteurs d'écran. Ça aide bien les utilisateurs des lecteurs d'écran. Donc on envoie de plus en plus, je ne sais pas si vous avez été inspecter un peu des codes existants, on envoie de plus en plus. Mais attention, il faut l'utiliser à bon escient, parce que si vous en mettez partout, en voulant bien faire encore une fois, vous faites l'effet inverse, c'est-à-dire qu'il y a des personnes qui ne vont plus rien comprendre parce que vous utilisez mal les attributs ARIA. Donc ça, après, en fait, en France, on a la référentielle RGAA, qui est référentielle générale d'accessibilité pour les administrations, on est en version V3 actuellement, et qui est basée sur les WCAG 2.0 actuellement, la V3 est sur les 2.0 actuellement. Donc ça veut dire que quand un client vous dit je veux un audit sur, par exemple, j'ai une filière filiale aux États-Unis, je veux un audit de mon site pour les États-Unis, parce que les États-Unis sont très strictes, beaucoup plus strictes. Donc là, on a eu un warning, on nous a dit au la la, votre site n'est pas accessible, on a des utilisateurs qui se sont plats, etc. Donc faites quelque chose. Donc si on veut demander ça, donc en tant que nous, en tant qu'expert d'accessibilité, on va travailler avec le WCAG. Il me reste 5 minutes. Oh là, d'accord. Donc en fait, avec le WCAG, on va travailler avec le WCAG. Si c'est un site public français, on va travailler avec le RG 2.0. Les principes de base perceptibles, utilisables, compréhensibles et robustes, ça, c'est les 4 principes d'accessibilité des WCAG. Je vais pouvoir voir ou entendre, je vais pouvoir utiliser au clavier et à la souris, je vais pouvoir comprendre ce que vous me dites sur le site, et je vais pouvoir, avec mes lecteurs, mes toutes mes assistants technologiques, pouvoir utiliser votre site. On a 3 niveaux d'accessibilité. Le niveau A, 2A, 3A. Niveau A, c'est vraiment, je lève les blocages. Et niveau 2A, c'est le niveau demandé par le W3C, par le RG 2A, que tous les pays européens doivent atteindre, c'est le niveau 2A. Le 3A, c'est un peu plus, c'est supérieur au niveau, on va dire usage. Alors, la super loi que l'on a en France depuis, c'est la loi 2005. La loi 2005, vous la connaissez pour tout ce qui est accessibilité physique des bâtiments, mais nous avons un petit article 47 que personne ne connaît, qui parle de numérique. Et en fait, c'est cet article-là qui, au fil des années, va évoluer. Donc, la loi, qu'est-ce qu'elle dit ? La loi, les cibles, c'est les services de l'État et les collectivités, les contenus, c'est services de communication publique, et ils doivent être accessibles, doivent suivre les recommandations internationales du W3C, et bien sûr, comme toute loi, il doit y avoir un décret d'application. Tout ça était sous l'effet du décret d'application. Le problème, c'est qu'il a fallu attendre 4 ans pour que ce décret soit édité, plus en arrêté en 2009. Du coup, avec la loi 2005, à cette époque-là, on avait une certaine version du RG2A, donc il fallait appliquer ce référentiel. C'était le référentiel à utiliser. Ensuite, il fallait faire une attestation de conformité. Et bien sûr, depuis 2011 et 2012, tous les sites de l'État et des territoires doivent être accessibles, ce qui l'est absolument pas le cas. Les sanctions très légères, c'est-à-dire que vous risquez d'être sur une liste en ligne, une liste noire, etc., qui n'a jamais existé, il n'y a jamais de contrôle. Donc voilà. Donc on ne fait pas. Tout ça, c'est basé sur une déclaration de conformité. Testation de conformité, déclaration de conformité, c'est quand même la base. Ça veut dire que sur les sites qui ont travaillé accessibles, ils doivent le montrer, ils doivent le dire. Et la loi demande à ce qu'il y ait un document qui existe sur vos sites. Et c'est la déclaration de conformité. On indique, en fait, on prend un échantillon, on fait un audit, on dit voilà, par rapport au RG2AV2, V2 ou V3 actuellement. Je suis conforme à 10%. Je ne peux pas rendre accessibles certains contenus. Donc je le dis, et soit c'est des dérogations, parce qu'en fait c'est trop chronophage. Vous avez plein de PDF sur votre site, ils ne sont pas accessibles, ils doivent l'être aussi. Et je ne peux pas le faire, parce que j'ai pas le temps, parce que voilà. Et je l'explique et je dis, voilà, dans le futur, je fais en sorte que mes PDF soient plus accessibles. C'est l'horreur. Donc il faut la publier cette déclaration. Ça c'est très important, il faut la publier. Donc je vous ai mis un lien d'accessibilité, un exemple de déclaration sur service public. Entreau-des-service-publits.fr est un site qui a un très bon niveau d'accessibilité et une déclaration de conformité. Nous, en fin, personnellement, je regarde toujours, je fouille dans le code, voir les astuces qu'ils ont pu mettre en place, parce que c'est sûrement une bonne référence. Donc maintenant, depuis 2015, on a changé de version, on est en V3. Donc pourquoi c'est important ? Parce que le référentiel est important. C'est la base de nos audites, c'est la base de la conformité. C'est ça qu'il faut faire attention sur quelle référentielle on se base. Donc quand on fait une déclaration, on dit je suis conforme avec ce référentiel-là, telle référentielle, telle version, telle date, c'est important. Alors, en France, on a, en 2016, on a changé cet article 47 de la loi. Et en fait, donc ça, c'est quelque chose que vous pourrez revoir après sur les slides, j'ai fait une synthèse à chaque fois de ce qui est évolué. On a des cibles supplémentaires. A plus, vous, c'était que du service public. Maintenant, on a des entreprises qui peuvent être concernées avec un chiffre d'affaires à soigues qui n'est pas encore défini, qui va être définie par décret. On a des ergonies, des éligataires, des missions de service publics. On a plus de contenus numériques concernés, c'est internet, c'est extra net. Les récations mobiles et prosicielles, elle est mobilier urbain numérique. Ça. Et il faut absolument que, sur vos sites, vous ayez trois documents. La déclaration dont je voulais parler, un schéma pluriannuel. C'est-à-dire que vous allez expliquer sur 3 ans ce que vous faites. Vous avez des concours qui ne sont pas trop accessibles. Qu'est-ce que je vais mettre en place ? Comment je fais l'amélioration progressive de mon site en accessibilité ? Plan d'action à l'année, aussi, pour l'année en cours. Qu'est-ce que je fais ? Il faut être transparent. Il faut que vous donniez aussi un moyen de vous contacter. J'ai un problème. Je ne suis personne handicapée. Je ne peux pas accéder au contenu. C'est fini. D'accord. Dommage. Je ne peux pas accéder au contenu. Je veux pouvoir vous demander la possibilité d'avoir quand même une version de ce contenu accessible ou dites-moi comment je peux faire pour effectuer l'opération. Il y a quelque chose très important. Après, je passerai à une synthèse. D'accord. En fait, on a 5 000 euros par site et par an pour la non-publication de ces 3 documents. Cette loi, il n'y a pas eu de décret de publier. Donc, on est mal. Ça veut dire qu'au niveau des échants. Alors, par contre, là où on n'est pas complètement mal, je veux dire, c'est que si tout n'est pas... Tout ce qui est décret, oui, je ne peux pas l'appliquer puisque les décrets n'est pas passé. Mais tout ce qui est écrit là est valable. Doit être pris en compte. D'accord ? Donc ça, c'est important quand même. Donc, j'ai plus le temps. Alors, rapidement en résumé, vous avez tous les États européens doivent appliquer la directive européenne. En fait, une directive européenne et doivent, en fait, depuis le 23 septembre 2018, c'est fini. Doit avoir une loi sur l'accessibilité qui est en rapport, qui suit la directive européenne. Et en fait, ce qui est très bien, c'est qu'il y a plein d'états qui n'avaient pas de loi et qui commencent à faire leur loi sur l'accessibilité. Nous, on est en avance. Ça veut dire que vous avez vu dans le temps qu'on avait fait une loi sur le numérique et qu'en fait, là, il a fallu, en fait, changer un petit peu la loi, cet article 47, pour que, prenez en compte la loi européenne. Et du coup, on a une loi qui est sortie en septembre 2018 où vous aurez les détails. Alors, je passe tout de suite à la synthèse. Voilà, synthèse, oui, oui, oui, oui. Une synthèse, parce que c'est un peu complexe. Vous avez une clé cible. C'est plus que le service public. Donc, ça a augmenté au niveau des cibles. Donc, il y a d'autres entre... Il y a des entreprises privées qui vont être concernées. Aussi, vous avez des sanctions. C'est plus 5 000, c'est 25 000. Ça augmente. Par an, par site, et si vous ne faites pas de déclaration des trois documents, vous aurez une pénalité. Les échéances, on sait pas encore. On a une notion de charge disproportionnée. Ça veut dire que si c'est trop chronophage de rendre mon site accessible, il va falloir que je le prouve, parce que ce n'est pas de toute le dire. Je ne peux pas, voilà. Je vais le prouver et je vais... Et ça, en fait, cette notion de charge disproportionnée qui vient de la loi européenne, en décret, on va l'expliquer. Le décret va sortir en janvier 2019. Et pour finir, la V4 va arriver, qui va prendre en compte les WCAG 2.1, la nouvelle norme internationale. Et nous sommes partis, prenant dans le développement, cette version-là, qui va arriver l'an prochain. Les 2.1 rajoutent des critères d'accessibilité très intéressants, notamment pour la reconnaissance vocale. Les personnes qui vont pouvoir commander votre site à la voie. Donc là, il y aura des critères à respecter. Des trucs évidents, mais voilà, il suffit de le dire. Et les références, elles sont là pour ne rien oublier. Je vous aime les textes de loi. Et j'ai fini par un merci. Non ? Désolé. Merci beaucoup. Merci beaucoup Claire. Et vous pourrez retrouver Claire, toute façon après, dans le... dans le camp, ou au bar de l'expert, que vous avez découvert du sujet, ce que vous décidez ? Bonjour. Alors, on considère que 12 millions de personnes en France se considèrent en situation de handicap. Donc les 12 millions. Donc ça veut dire, c'est quand même pas mal de personnes. Donc ça veut dire quoi ? On n'a pas de statistiques franches et massives à donner par type de handicap. C'est très compliqué à voir. Mais on sait qu'on a eu des sondages de choses comme ça. Des enquêtes qui ont dit que 12 millions de personnes en France se considèrent en situation de handicap. C'est quand même pas mal. Bah ça, en fait, toute personne qui a un handicap auditif ou handicap visuel, si vous ne prenez pas en compte les critères, ils vont être en situation de handicap vis-à-vis de votre site. Donc oui, c'est en table là-dessus. Mais c'est vrai que c'est très compliqué d'avoir des chiffres. Précis. Mais ça fait quand même une population qui est assez importante. Donc je me considère en situation de handicap et ce n'est pas aussi se considère en situation de handicap, ce n'est pas aussi si nombreuse. Voilà. C'est ce que je peux dire sur ça. Sachant que c'est un droit, toute personne a le droit à l'information. Après, on tape sur des lois, du droit, on tape sur d'autres lois. Voilà. Après, à trouver un argument pour dire je ne le fais pas parce que je considère que cette personne ne m'intéresse pas. Et là, il est sur mon site, à discuter. C'est ça.