Vous trouverez dans ce cours les fondamentaux de l’accessibilité, synthétiser et organiser pour vous permettre de comprendre au mieux les tenants et aboutissants de cette discipline que beaucoup ne savent pas encore utiliser à son plein potentiel.
Les thèmes abordés dans ce cours sont les suivants :
Aujourd’hui, Capian souhaite vous offrir un cours traitant de l’accessibilité web. Dans un premier temps, qu’est-ce que l’accessibilité web ? Alors, un contenu numérique est dit accessible lorsque toute personne (peu importe son handicap ou son incapacité) peut interagir et comprendre ce contenu. La numérisation de la société a mis en lumière l’importance du web dans l’intégration sociale et dans la participation de la vie collective, c’est pour cela que certaines normes d’accessibilité que nous verrons dans ce cours existent. Chaque courriel de ce cours sera l’occasion pour vous d’en apprendre un peu plus sur l’accessibilité et de trouver le moyen d’appliquer ces normes à chacun de vos sites web.
Ce cours s’adresse à toute personne souhaitant approfondir ses connaissances en accessibilité que vous soyez un gestionnaire de projet qui n’est pas encore complètement familier avec les notions d’accessibilité, un freelance qui a besoin de mettre à jour ses connaissances ou un technicien web qui souhaite en apprendre davantage.
Vous trouverez ci-dessous un résumé du plan du contenu que vous étudierez :
La première leçon est une mise en bouche et vous permet de comprendre ce qu’est l’accessibilité est où cette notion est-elle née, nous répondrons aux questions suivantes dans cette leçon :
En plus d'être important pour les personnages ne sachant ou ne pouvant pas utiliser les outils numériques lambda, l’accessibilité est aussi un atout non négligeable pour votre contenu, nous répondrons aux questions suivantes dans cette leçon :
Il n’y a rien de mieux qu’une étude de cas pour pouvoir découvrir et comprendre certains termes, ici nous allons étudier la banque Barclay et la chaîne de supermarché Tesco, nous répondrons aux questions suivantes dans cette leçon :
Ici nous étudierons quelles sont les principales problématiques auxquelles il faut répondre en mettant à jour vos sites pour les rendre accessibles, nous répondrons aux questions suivantes dans cette leçon :
Pour cette dernière leçon, nous aborderons les normes que tout site doit appliquer pour être considéré comme accessible, elles sont énumérées dans le WCAG,nous répondrons aux questions suivantes dans cette leçon :
Tim Berners Lee, le président du W3C nous résume l’accessibilité web de la manière suivante : Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.
L'accessibilité ou la conception universelle consiste à concevoir des choses de manière à ce que chacun, quelles que soient ses capacités, puisse les utiliser.
Récemment, la conception universelle de l’apprentissage est devenue plus populaire, mais le chemin vers l'accessibilité a commencé bien plus tôt. Des lois spécifiques sur les handicaps ont commencé à apparaître dans le monde entier dans les années 1990. La première fut l’ADA, une loi américaine qui certifie des droits aux personnes en situation de handicap.
L'ADA exige que les "lieux d'hébergement public" soient accessibles à tous. Qu'est-ce que cela signifie ? Et bien tout simplement l’implantation de choses qui sont considérées comme monnaie courante aujourd’hui : Des rampes pour les personnes en fauteuil roulant, une cabine de toilette accessible aux handicapés dans les toilettes publiques, des ouvre-portes automatiques sont tous exigés par l'ADA. En 1996, le ministère américain de la Justice a annoncé que l'internet faisait partie du domaine public et devait donc être accessible lui aussi à toutes personnes souhaitant l'utiliser.
Si les interprétations de l'ADA ont inclus l'internet, une loi antérieure, la Rehabilitation Act de 1973, a été la première législation fédérale à traiter du handicap et de l'accessibilité. Elle interdisait la discrimination des personnes handicapées en matière d'emploi, d'aide financière et d’accès à la technologie. Comme l'ADA, la Rehabilitation Act est très vague sur le terme de "technologie" et laisse la porte ouverte à l'interprétation. Cette loi a fait naître le besoin pour tous les sites web gouvernementaux d'être 100% accessible pour tout type de personne.
Cependant, ni la loi sur la réhabilitation ni l'ADA ne donnent d'indications sur la manière dont l'internet devrait être rendu accessible. Cette tâche a été confiée au groupe de normalisation de l'internet, le World Wide Web Consortium (W3C). En 1996, peu après l'annonce du ministère de la justice que nous avons cité plus haut, le W3C a créé son Initiative pour l'accessibilité Web (WAI). À la suite de réunions avec le gouvernement américain et différentes institutions universitaires, il a été décidé que le W3C était le meilleur incubateur pour ce nouveau concept d'accessibilité Web. Après 3 ans de développement, le WCAG 1.0 a été publié. Les instructions pour l'accessibilité des contenus Web (WCAG) comprennent 14 instructions et 65 "points de contrôle", qui sont devenus la norme internationale pour l'accessibilité du Web. En 2008, les WCAG 2.0 ont été publiées, suivies par les WCAG 2.1 en 2018.
Sur Capian, il est possible d’avoir des critères personnalisés et par conséquent de procéder à des audits sur tous les sujets. L'accessibilité ne déroge pas à la règle, vous pouvez entrer vos critères WCAG ou tout autre critère que vous jugerez pertinent. Capian s’adapte à vous.
Le nombre de personnes handicapées est inconnu. On pense qu'environ 15 % de la population mondiale a un handicap reconnu. Le vieillissement de la population entraîne une perte de l'ouïe, de la vue et de la mobilité, cependant ces complications ne rentrent pas dans les statistiques. Des milliers de produits et de logiciels ont été créés pour aider cette population, mais les entreprises qui ne sont pas présentes sur ce marché peuvent quand même bénéficier de l'accessibilité.
Les inventions, comme la machine à écrire, le téléphone, les cartes perforées, la synthèse vocale, le courrier électronique et les commandes vocales, étaient initialement destinées aux personnes handicapées, mais elles ont trouvé une place dans le monde des affaires (https://www.w3.org/WAI/business-case/). Les outils qui améliorent la productivité sont toujours les bienvenus dans les entreprises ; elles essayent également d'être le plus accessible possible afin d'éviter les amendes et de respecter les quotas. Ceux qui deviennent volontairement accessibles sans la motivation d'une législation gouvernementale peuvent considérer que cela fait partie de leur responsabilité sociale d'entreprise (RSE) ou qu'il s'agit d'une étape importante dans l'innovation.
Les multinationales subissent une pression encore plus forte et l’accent sur l’accessibilité doit être mis très rapidement. Alors que les Nations unies ont signé la Convention sur les droits des personnes handicapées, dans chaque pays, des actes législatifs différents sont mis en œuvre.
Le World Wide Web Consortium rapporte que "les entreprises qui intègrent l'accessibilité sont plus susceptibles d'être des entreprises innovantes et inclusives qui touchent plus de personnes avec des messages de marque positifs qui répondent aux nouvelles exigences juridiques mondiales". Par conséquent les marques, que ce soit par éthique ou par stratégie marketing, cherchent à se faire bien voir par le public et avoir une bonne image.
Bien qu'il y ait des chevauchements pour plusieurs pays tels que les États-Unis, l'Allemagne, la Chine, l'Inde, l'Australie et la Nouvelle-Zélande, les attentes sont différentes dans le monde entier. Pour 16 pays et l'Union européenne, ils exigent que les sites web soient conformes aux WCAG 2.1, qui sont les plus récentes directives sur l'accessibilité des sites web publiées par la WAI.
Certaines entreprises pourraient considérer que cela fait partie de leur responsabilité sociale. La RSE (Responsabilité sociétale des entreprises) est liée à une augmentation positive de l'image de marque, de la réputation de l'entreprise et de la fidélité des clients.
Pour toutes les entreprises, l'avenir est l'accessibilité, comme l'affirme Eve Anderson, directrice de l'ingénierie de l'accessibilité chez Google, "les problèmes d'accessibilité d'aujourd'hui sont les principales avancées de demain.
Capian vous permet grâce à son extension Chrome de pouvoir voir et noter les problèmes d'accessibilité au même moment, sans avoir besoin de passer par d’autres onglets ou autres problèmes d’usage. Annoter et créer un audit n’a jamais été aussi simple.
Dans cette leçon, nous passerons en revue les grandes lignes d'un dossier commercial sur l'accessibilité du web. Le schéma de base comporte cinq points clés:
Nous vous présentons ci-dessous quelques exemples qui peuvent vous aider à créer votre propre dossier commercial.
Deux des études de cas assez populaires concernant l'accessibilité web implique deux sociétés britanniques mondialement connues, Tesco et la banque de Barclay.
En 2001, Tesco a mis en place un nouveau site web qui se veut accessible. Bien qu'il ne soit pas suggéré de créer un site web accessible séparé du site web original, c'est ce que Tesco a fait. La société a indiqué plus tard dans l'année que, pour un investissement de 35 000 livres sterling, elle avait créé ce site web, ce qui lui avait permis de réaliser un chiffre d'affaires supplémentaire de 13 millions de livres sterling. (https://www.sean.co.uk/a/webdesign/accessibility.shtm)
Pour en savoir plus sur la Barclay's Bank, je vous laisse regarder cette vidéo de Paul Smyth, le responsable de l'accessibilité des technologies de l'information, parler de leurs changements en cliquant ici.
Le département des services numériques de Géorgie a créé sa propre étude de cas qui montre que les mises à niveau de l'accessibilité ne nécessitent pas forcément de grand changement. Les dernières mises à jour des sites web du gouvernement de l'État ont consisté à modifier subtilement les thèmes de couleur des différents sites web pour créer un texte et un arrière-plan plus contrastés, ce qui est un pas en avant dans l’accessibilité pour les personnes qui ont des problèmes de vision par exemple.
Capian vous permet de mettre en place des études de cas et de faire participer toutes les personnes qui ont besoin d’y avoir accès, vous pourrez aussi le partager et l’extraire en différents types de fichier
Un résumé plus général des avantages à l'accessibilité peut inclure : stimuler l'innovation, améliorer l’image de marque, étendre la portée du marché et aussi minimiser le risque juridique.
(https://www.sean.co.uk/a/webdesign/accessibility.shtm)
Vous pouvez manipuler ces éléments pour les adapter à votre propre entreprise, les exemples sont fournis ci-dessous.
L'argent est un facteur de motivation important pour les entreprises. Pour beaucoup, la question du retour sur investissement est donc primordiale, comme pour l’exemple de Tesco cité au précédent cours. Karl Groves, considéré comme l'un des pères de l'accessibilité web, a écrit plusieurs articles de blog sur l'accessibilité et le retour sur investissement que vous pouvez trouver ici. Il vous guidera à travers différentes équations pour déterminer la valeur monétaire de l'accessibilité du web.
Les États-Unis disposent de l'Americans with Disabilities Act (l’ADA), que l’on a déjà cité précédemment. En Europe, il s'agit de l'European Accessibility Act. Au Royaume-Uni et dans le Commonwealth, il s'agit de la loi du Commonwealth sur la discrimination à l'égard des personnes handicapées ratifier en 1992. La non-conformité peut varier d'un pays à l'autre, en particulier au sein d'un même État ou d'une même province. Pour certains, elle peut simplement donner lieu à des litiges potentiels ou à des amendes élevées.
En Ontario, au Canada, les entreprises de 50 employés ou plus ou celles du secteur public doivent avoir un site web accessible sous peine d'être condamnées à des amendes de 50 000 à 100 000 dollars par jour selon la taille de l'entreprise.
Aux États-Unis, la Californie et l'État de New York sont les deux États les plus stricts en matière d'accessibilité, tandis que les entreprises situées dans d'autres États sont “seulement” menacées de poursuites judiciaires si elles ne sont pas accessibles.
Voici le premier exercice de notre cour sur l’accessibilité, vous pourrez ici vous entraînez a mettre en pratique les termes et théorie abordez auparavant dans les derniers cours
Maintenant que nous avons tous le nécessaire, nous pouvons commencer notre audit d’accessibilité : nous allons nous concentrer aujourd’hui sur le site internet de Yale School of Art’s qui est connu pour être un des sites web les moins accessibles alors qu’il a pour but de partager de l’information .
Après vous être connectés, vous arrivez sur la page où vous trouverez le listage de tous vos projets. Nous allons procéder à la création d’un projet, pour cela il faut cliquer sur “ créer un nouveau projet ”.
Lorsque vous cliquez sur créer un projet, vous obtenez une liste de tous les critères que Capian propose pour les audits UX.
Sélectionnez "Accessibilité - WCAG 2.1" : Comme nous le stipulons dans le cours que vous venez d’avoir, les normes WCAG 2.1 sont les normes les plus récentes et celles utilisées par le plus de personnes à travers le monde.
Voici ci-dessous à quoi doit ressembler votre projet lorsqu’il sera vierge de toute image ou texte.
Pour ajouter une capture d’écran : Vous devez appuyer sur l'extension Capian sur votre barre des tâches, ce qui va vous permettre de délimiter ce que vous voulez capturer avec une box.
Le gif ci-dessous vous montre la marche à suivre.
Une fois que vous avez délimité la zone que vous voulez voir ressortir, vous devriez être capable de modifier le titre de votre capture d’écran, de sélectionner le critère qui sera jugé sur cette capture. Si vous souhaitez apporter une correction, il vous est possible d’écrire des recommandations et de noter le degré de gravité du problème.
En parcourant le site web de Yale, gardez à l'esprit les couleurs, les polices de caractères et l'ordre des clics. N'oubliez pas d'explorer toutes les pages et, lorsque vous aurez terminé, jetez un coup d'œil à toutes vos captures d'écran sur Capian !
Gardez en tête toutes vos leçons apprises tout au long de ce cours, qui vous permettront de juger de l’accessibilité web de ce site internet avec un grand professionnalisme, n'hésitez pas à consulter toutes les ressources que nous mettons à vos dispositions dans les leçons.
Le concept d’accessibilité est établi depuis plusieurs années déjà dans le monde du numérique cependant il faut toujours tenir en compte que de plus en plus d’usagers se servent d’internet et que par conséquent certains problèmes qui n’en était pas avant surviennent et doivent être traités, on peut par exemple citer :
Si beaucoup peuvent considérer les handicaps comme permanents, ils peuvent aussi être temporaires ou situationnels. Il peut s'agir d'une naissance sans membre, d'une fracture ou de l'incapacité de voir son téléphone à la lumière du soleil par exemple. Il existe 4 catégories de handicaps : visuels, moteurs, cognitifs et auditifs. Les handicaps affectent chaque catégorie d’une manière différente, et l’enjeu principal est de rendre internet accessible à toutes ces personnes. Toutefois, les aides à l'accessibilité ne sont pas utilisées uniquement par ceux qui en ont besoin. Nous pouvons cité Siri, Alexa et Ok Google qui ont commencé comme une aide à l'accessibilité qui est devenue un produit ou une fonctionnalité courante dont se servent tous les utilisateurs.
Ci-dessous, nous voyons le classement de Google pour la saison 2018-2019 de Premier League. A gauche, vous voyez comment le site web apparaît normalement à ceux qui sont capables de distinguer correctement les couleurs. À droite, le site apparaît à ceux qui ne savent pas distinguer le rouge du vert.
Pour que les daltoniens sachent ce que dit le tableau, Google ne peut pas se fier à la couleur pour montrer les victoires et les défaites de chaque équipe. Si vous regardez de près, ils ne le font pas. Les victoires ont une coche dans le cercle vert et les défaites ont un x. Les matchs nuls qui sont gris de chaque côté ont un tiret pour l'indiquer.
Une partie de la vérification de l'accessibilité au web consiste à s'assurer que votre site est toujours compréhensible sans couleur. Vous pouvez y parvenir en utilisant des filtres de couleur, comme la fonction Toptal, que nous avons utilisée ici. Grâce à elle, nous pouvons vérifier que si le choix de la couleur n'est pas le meilleur pour certains, avec les symboles ajoutés, tous peuvent comprendre.
Un autre outil populaire dont certains ne se rendent peut-être pas compte est une aide à l'accessibilité : l'agrandissement. Il est disponible pour les navigateurs internet comme Google et les logiciels comme Microsoft Word et même au sein de nos téléphones ou nous pouvons agrandir les écritures en permanence. Certaines applications, comme Overdrive, une bibliothèque en ligne pour les livres électroniques, intègrent cette fonction afin que les utilisateurs puissent ajuster l'apparence du texte pour répondre au mieux à leurs besoins.
Les images ci-dessus montrent à quoi ressemble le réglage de la taille des caractères sur différentes plateformes telles que les téléphones android, les produits Apple et les téléphones Windows. Bien que cette fonction ait été conçue pour les personnes malvoyantes, ce qui peut inclure les personnes qui sont nées avec cet handicap ou celles qui l'ont développée, comme une population vieillissante, elle peut également être utilisée par d'autres personnes qui préfèrent lire dans une police différente ou qui préfèrent un schéma de couleurs différent. L'intégration de cette fonction permet aux utilisateurs de lire sans avoir recours à une autre aide à l'accessibilité telle qu'une loupe physique ou un synthétiseur vocal.
Nous pouvons avoir Siri, qui est le parfait exemple d’assistant virtuel, à la base c'était une prolongation de l'écosystème Apple pour rendre leurs téléphones plus accessibles. La naissance est la démocratisation de Siri à conduit au développement d'autres assistants virtuels tels que Alexa d'Amazon et Ok Google.
Avec l'ordre "Hey Siri", Siri peut effectuer des tâches telles que répondre à des questions, envoyer des messages et donner des instructions. Siri est maintenant devenu une partie de la vie de beaucoup de monde, car nous l’utilisons presque au quotidien.
Avec un outil comme Capian, vous aurez la possibilité de mettre l’ascendant sur les problèmes d’accessibilité, nous proposons une application web ainsi qu’une application mobile ayant les mêmes fonctionnalités, ainsi chaque personne peut se servir de Capian sur l’outil ou il est le plus à l'aise.
Le Guide d'accessibilité aux contenus Web (WCAG) énumère les règles nécessaires pour rendre un site ou une application accessible. Il est principalement destiné aux développeurs web, mais il existe d'autres versions simplifiées à l'adresse
Vous trouverez ci-dessous les normes de base que vous pouvez vérifier sans utiliser de logiciel.
Si votre site web comporte du contenu non textuel, tel que des vidéos, des fichiers audio ou des images, assurez-vous que vous avez :
NPR, la radio publique nationale américaine, est surtout connue pour fournir gratuitement des transcriptions de ses interviews et émissions depuis 2009. Sur la même année, NPR a rapporté que 20 000 personnes avaient visité leur site web spécifiquement pour leurs transcriptions gratuites.
Pour naviguer sur votre site web, assurez-vous de pouvoir :
Nous pouvons prendre pour exemple le site de Capian .
Le contenu est suffisamment contrasté pour être visible pour les personnes daltoniennes et les autres personnes ayant des problèmes de vue. Le texte peut être facilement lu et compris par un lecteur de texte à la parole. Les utilisateurs ont suffisamment de temps pour lire et naviguer sur la page web. Le contenu ne provoque pas de crises ni d'autres réactions physiques chez l'utilisateur.
Pour examiner votre site de plus près, vous pouvez utiliser le logiciel Capian pour parcourir votre site et marquer les changements. La prochaine leçon comprendra un court tutoriel sur la façon d'utiliser Capian pour l'accessibilité des sites web.
Pour ce second exercice, nous allons nous rendre sur le site web d'une grande surface et nous allons faire des courses ! Depuis mars 2020, de plus en plus de personnes font leurs achats en ligne. Nous allons donc nous rendre sur le site de Target.
Cependant, nous allons imaginer que nous sommes malvoyants et que nous avons besoin d'un synthétiseur vocal. L'un des moyens les plus simples est d'allumer le narrateur intégré à votre ordinateur.
Pour les utilisateurs de Windows, vous trouverez la marche à suivre en cliquant ici. Tant que la fenêtre de narration est ouverte, elle lira tout ce qui se trouve sur votre écran.
Pour les utilisateurs de Mac, la "Voix off" peut être activée dans la rubrique "Accessibilité". Il vous suffit de suivre ce tutoriel pour réussir à l'activité.
Nous allons séparer notre exercice en deux :
Lorsque vous aurez terminé les deux questions ci-dessus, demandez-vous s'il ne serait pas nécessaire d'ajouter ce processus de voix off sur votre site web et de l'optimiser.
Merci à tous et à toutes d’avoir été à nos côtés pour ce cours traitant de l’accessibilité, nous avons tenté de traiter des points primordiaux, mais l’apprentissage de l’accessibilité est un apprentissage de tous les instants.
Vous trouverez ci-dessous un récapitulatif de toutes les ressources utilisées pendant le cours ainsi que des suppléments qui sont à notre humble avis pertinents.
Vous trouverez aussi des outils et des applications qui vous aideront dans l’évaluation et la mise en place de l’accessibilité de votre site web sans oublier les deux exercices que nous vous avons envoyer tout au long de ce cours et qui vous seront utiles pour la mise en pratique des théories apprises.
Tous ces outils peuvent être utilisés en complément de Capian pour vous permettre de mieux gérer vos audits web.
Ressources numériques :
Outils numériques :