Un outil de surcouche d’accessibilité est conçu pour détecter des défauts d’accessibilité et fournir des outils d’ajustement permettant d’adapter l’interface d’un site Web à l’utilisateur et à ses capacités.
Mis en place sous forme de plugins, de widgets ou de barres d’outils, ils appliquent un code source tiers (généralement JavaScript) pour effectuer des modifications côté client sans intervenir au niveau du code source du site. Ces outils permettent alors de personnaliser l’affichage des pages dans une certaine mesure en fonction de paramètres configurés par le client et selon ses besoins.
Que ce soit pour des raisons juridiques ou éthiques, les entreprises ont pris conscience de l’importance de disposer d’un site web accessible, mais elles n’ont malheureusement pas toujours les ressources ou les connaissances nécessaires pour le faire.
L’une des principales raisons de l’essor des outils de surcouche ces dernières années est leur facilité de mise en place pour rendre un site accessible. C’est du moins la promesse de marque des éditeurs qui développent ces solutions.
En effet, en adaptant l’affichage d’un site en fonction de paramètres définis, ces outils pratiques peuvent être utiles dans le cadre de certains besoins en matière d’accessibilité, principalement pour des déficiences visuelles ou cognitives.
Mais si nos problèmes d’accessibilité pouvaient être résolus à l’aide d’un simple plugin, alors pourquoi cette solution fait-elle l’objet de tant de critiques au sein de la communauté de l’accessibilité ?
Les outils de surcouche se limitent généralement à des fonctionnalités de base. Bien qu’ils puissent combler certaines lacunes en matière d’accessibilité, sans intervention au niveau du code, leur champ d’action reste très limité.
Leur impact porte essentiellement sur le confort d’utilisation dans le cadre de certaines incapacités chez l’utilisateur, mais il existe de nombreux scénarios et problématiques d’accessibilité auxquels ces outils ne peuvent répondre. C’est notamment le cas des personnes souffrant de déficiences visuelles, pour lesquelles les outils de surcouche ne sont pas toujours utiles. Sans parler des malvoyants, pour qui ils ne sont d’aucune utilité.
Par exemple, de nombreux sites sur lesquels nous naviguons peuvent contenir des images qui nécessitent une alternative textuelle (pour des descriptions de produits notamment). Inversement, le site peut également contenir des images décoratives qui devraient être ignorées. Le fait de ne pas pouvoir distinguer les images décoratives de celles qui nécessitent une alternative textuelle est un exemple typique des limites d’un outil de surcouche.
Une autre limitation pourrait porter sur du contenu tel que les champs de formulaires (notamment lorsque les informations obligatoires sont manquantes, ou si le format du champ est contrôlé). Faisant partie du contenu, ces éléments peuvent ne pas être affectés par les adaptations de l’affichage.
Dans ce deuxième cas de figure, on peut imaginer un candidat non-voyant qui, en raison de problèmes d’accessibilité, se trouve dans l’impossibilité de remplir un formulaire pour postuler à une offre d’emploi. Au-delà d’un défaut d’accessibilité, cela peut engendrer d’autres conséquences. Une partie de la population étant exclue, l’entreprise en question pourrait se voir accusée de discrimination.
Un autre risque est celui qu’un outil de surcouche vienne interférer avec des fonctionnalités déjà existantes via l’usage de technologies d’assistance.
En effet, les personnes handicapées ont généralement leurs propres technologies d’assistance préférées pour les aider à accomplir leurs tâches. Un utilisateur malvoyant qui utilise une loupe d’écran, par exemple, est susceptible d’utiliser la même loupe pour naviguer sur n’importe quel site et peut facilement l’activer et la désactiver.
En revanche, les outils de surcouche d’accessibilité ont leurs propres paramètres prédéfinis et ne se conforment pas aux technologies de l’utilisateur. Les configurations de son outil ne seront alors plus adaptées à son usage et l’utilisateur malvoyant devra soit changer d’approche, soit reconfigurer l’outil de surcouche, voire même abandonner sa navigation pour ne pas dérégler son paramétrage.
Certains outils de surcouche disposent également d’une fonctionnalité de lecteur d’écran, là où les technologies d’assistance le font déjà pour l’ensemble de l’ordinateur. Si un utilisateur aveugle peut aller sur le web et naviguer entre différents sites, c’est qu’il a très certainement déjà intégré des fonctions d’assistance dans son système. L’outil de surcouche n’apporte donc aucune valeur ajoutée et pourrait même interférer avec l’outil existant.
Si ces outils peuvent améliorer le confort d’utilisation de certains sites ou contribuer au respect de certaines exigences en matière d’accessibilité, la manière dont ils sont commercialisés constitue le principal problème.
Compte tenu du nombre de problèmes d’accessibilité que l’on peut rencontrer, les limites des outils de surcouche sont très larges. Sans modifier le code, comment est-ce qu’un outil de surcouche pourrait-il :
La réponse est simple : ce n’est pas possible. Beaucoup de problèmes dans l’accessibilité numérique ne peuvent tout simplement pas être résolus par une approche systématique et nécessitent un jugement humain.
Le problème des produits de surcouche est qu’ils peuvent faire croire aux parties prenantes qu’elles ont résolu leurs problèmes d’accessibilité en les utilisant. Vendu comme une solution d’accessibilité numérique « adaptée au handicap… » afin que les entreprises puissent « rendre leur site internet accessible au plus grand nombre… ». Il s’agit d’un discours ambigu qui semble négliger le véritable enjeu et la définition même de l’accessibilité.
Pour qu’un site web soit considéré comme accessible d’un point de vue juridique, quel que soit le handicap, il doit être évalué selon des critères basés sur le RGAA (Référentiel général d’amélioration de l’accessibilité)
Régulièrement mis à jour pour s’adapter à l’évolution du web, les obligations et les critères du RGAA constituent aujourd’hui la seule source de référence pour évaluer la conformité d’une page web au regard de la loi.
106 critères quantitatifs et qualitatifs doivent être respectés, concernant aussi bien des aspects visuels et techniques que le contenu. Comme les outils de surcouche d’accessibilité n’agissent que sur les styles CSS des sites sans intervention au niveau du code, il existe de nombreux critères sur lesquels il est techniquement impossible d’intervenir.
Aussi efficaces soient-ils pour résoudre certains problèmes d’accessibilité, ces outils ne répondent pas aux exigences légales en matière d’accessibilité numérique. La réalité est qu’ils répondent plus à une question de confort d’utilisation qu’à une question d’accessibilité.
Le fait est qu’il n’existe tout simplement pas de solution magique, universelle, pour relever le défi de l’accessibilité. Rendre un site Web accessible est un processus continu, qui doit être envisagé dès le début de tout projet.
En ce qui concerne ekino, une équipe dédiée accompagne les démarches nécessaires autour de l’accessibilité de manière spécifique et en fonction du contexte de chaque projet et client. De la phase de conception à la phase d’audit, il s’agit d’un travail collaboratif pour identifier des solutions adaptées selon les défauts d’accessibilité , ainsi que les blocages et les leviers d’action.
Toutefois, il convient également de garantir une autonomie future en matière d’accessibilité.
En effet, l’une des principales causes des défaillances en matière d’accessibilité est que les intervenants ne se soucient pas toujours d’entreprendre l’éducation et les changements de processus nécessaires à la création de produits accessibles. À cet effet, des actions de formation et de sensibilisation ainsi que la mise à disposition d’outils sont souvent proposées à nos clients pour permettre à leurs équipes de maintenir le niveau d’accessibilité atteint au cours du projet.
Qu’il s’agisse de pérenniser un socle commun de connaissances autour de l’accessibilité numérique ou de réaliser des formations spécialisées pour des profils clés, ce travail de transmission doit pouvoir se poursuivre en interne afin d’assurer la pérennité des projets.
Parce que c’est un sujet qui nous tient à cœur, chez ekino, nous recommandons toujours à quiconque est impliqué dans le cycle de vie du développement logiciel de suivre un processus d’accessibilité approprié. Il n’y a pas de solution miracle en matière d’accessibilité. Il faut faire le nécessaire pour rendre votre site accessible à tous et améliorer ainsi l’expérience de chacun, et de tous vos clients.
Au commencement fut le HTML Pensé comme un moyen de mise à disposition de documents via un système de liens hypertextes (en opposition à une navigation par mot clé par exemple), l’objectif du protocole HTML est de faciliter l’accès à l’information. Dès la première version publique, le HTML comporte des notions de sémantique et d’accessibilité […]
Lire la suite de L’accessibilité, une panacée ?L’accessibilité, c’est pour toutes les personnes en situation de handicap.
Situation de handicap = Lorsqu’un utilisateur ayant une déficience se trouve empêché d’utiliser un site ou une application du fait de l’inadaptation du contenu et de ses fonctionnalités à ses capacités.
Se mettre en conformité a quelques avantages :
C’est pourquoi aujourd’hui de plus en plus d’entreprises se mettent en ordre de marche pour prendre en compte l’accessibilité dans tous leurs processus et cela peut s’avérer compliqué quand on est une entité mondiale.
Il est nécessaire de réfléchir à une multitude de sujets quand on se penche sur la question.
Il convient de les accompagner en trouvant un partenaire tiers pour proposer des offres qui répondent aussi bien au domaine de l’éditorial, du graphisme/design et de la technique. Les 3 grands piliers essentiels de l’accessibilité.
Ce partenaire doit prévoir un dispositif composé d’experts en accessibilité avec des expériences opérationnelles connexes (développement, gestion de projet et gouvernance, UX design, conseil) qui sauront s’adapter à chaque filiale et lui proposer des conseils actionnables et priorisés.
Ce dispositif devra permettre d’avoir un budget adapté à la complexité de chaque filiale avec des métriques et un budget défini en amont, et qui reflète une capacité à mutualiser pour réduire les coûts de la filiale et du groupe in fine.
Et enfin travailler sur une feuille de route (le schéma pluriannuel d’accessibilité) pour aiguiller ces filiales qui ont des niveaux différents de connaissances et de compétences dans ce domaine.
Pour rédiger le schéma pluriannuel, il est nécessaire de définir le niveau de connaissance et d’accessibilité des filiales pour anticiper les besoins. Ce document peut donc être produit en amont ou après avoir audité plusieurs filiales pour permettre de définir ce qui doit être mis en place et dans quel ordre de priorité.
Il existe 2 types de cas que nous retrouvons le plus souvent :
Dans tous les cas, il est nécessaire d’effectuer un audit complet puis la déclaration d’accessibilité. Le fait d’intervenir dès la conception permet d’éviter la partie recommandation et conseils.
Le site ou l’application de la filiale n’existe pas encore et la conception va débuter. Il convient d’accompagner les filiales dans 4 grandes phases en s’appuyant sur les directives du groupe (le schéma pluriannuel).
Il est important de :
Accompagner la filiale sur les interfaces et les maquettes, pour que l’accessibilité soit prise en compte par les designers : contraste de couleurs, ergonomie des formulaires, navigation explicite…etc.Prévoir la mise à disposition de guides, la validation des interfaces, les recommandations.
Prendre en compte dès le début de la phase de développement tous les éléments permettant que l’accessibilité soit respectée.
Le respect des standards W3C et la qualité du code assurent la qualité de l’accessibilité.
Anticiper le suivi des phases de développement, les tests automatisés et les manuels ou un guide de référence qui listent les outils à utiliser et les éléments essentiels à prendre en compte.
Lors de cette phase, une recette en continu est mise en place sur un échantillon de page: la page d’accueil, de contact, plan du site …et les pages pertinentes pour chaque type de service fourni et toute autre utilisation principale prévue. Suivi d’une recette aléatoire.
Ces actions permettent de vérifier la conformité du site.
Il est tout aussi important de prévoir des formations et un guide du contributeur pour assurer la maintenabilité de l’accessibilité.
La filiale a déjà conçu et réalisé son site ou son application mobile, auquel cas il est nécessaire de prévoir de les accompagner pour effectuer un audit complet et se mettre en conformité sur les éléments qui ne le sont pas encore.
Il est possible de faire des audits sur des sites webs, sur des applications mobiles et également sur des usines à sites.
Ce dernier est plutôt intéressant pour un groupe composé de filiales car c’est souvent sur ce type de site qu’il est possible de mutualiser le plus d’éléments. En effet, si un audit est effectué, il permettra :
Dans tous les cas et quelque soit le type d’audit effectué, un rapport complet doit être généré pour permettre de définir les critères à corriger.
Une fois l’audit réalisé, la filiale est accompagnée afin de l’aider à identifier et prioriser les tâches les plus importantes et tout en gardant en tête le contenu de la feuille de route groupe.
Au-delà des attendus légaux, le but est de pérenniser les efforts fournis et de définir avec la filiale les points d’amélioration et proposer des conseils pertinents tournés vers l’utilisateur/l’expérience client. Tout en étant respectueux des standards (qualité et accessibilité) et permettre d’anticiper les écueils.
Le partenaire pourra ensuite aider à produire la déclaration d’accessibilité. Ce document se base sur un modèle du gouvernement qui permet d’assurer la validité de la déclaration (qui doit être présente sur le site audité) .
La rédaction de la déclaration d’accessibilité s’appuie sur l’audit préexistant.
Conformément aux attentes législatives, il doit contenir des éléments obligatoires (état de conformité, calcul du taux d’accessibilité…). Ce document est nécessaire pour être conforme à la loi.
La filiale (et le groupe) pourra bénéficier de l’expérience du partenaire pour produire la déclaration.
Il est le document de référence qui permet de maintenir la conformité. Il liste les bonnes pratiques à suivre pour mettre en ligne les contenus de façon accessible propre à chaque site/application. Il est adapté en fonction de la complexité et de la quantité des éléments.
On peut produire différentes sortes de manuels :
Avoir un partenaire qui gère toutes les filiales permet une vision globale sur la situation des filiales face à la mise en conformité et les difficultés rencontrées.
Il est intéressant de prévoir des formations pour accompagner tous les types d’acteurs des projets mais aussi des formations de sensibilisation pour que tous comprennent l’intérêt de l’accessibilité :
Ces formations pourront être mutualisées entre certaines filiales pour permettre d’en réduire le coût. Au fur et à mesure, il sera également possible de capitaliser sur les manuels de contribution qui pourront aussi intégrer un tronc commun sur les bonnes pratiques.
Comme pour les designers et les ingénieurs avec des “Guidelines” génériques à suivre, en plus des points spécifiques de chaque application.
L’entité peut également prévoir avec l’aide de son partenaire de mettre en place une gouvernance qui offrira une vision transverse de l’ensemble des problématiques filiales et un suivi des KPI :
Cette gouvernance permettra de définir des leviers et les actions communes à mener pour le groupe. Il sera également intéressant de vérifier la pérennité du niveau d’accessibilité de certaines filiales en réalisant un deuxième audit “plus light” après quelques mois, pour permettre de suivre le comportement de la filiale, notamment sur la contribution, et ainsi l’accompagner sur le long terme.
Il permettra d’adresser l’accessibilité dans une optique d’amélioration continue sur le long terme (audit après audit), qui pourrait être couplée avec des outils tels que l’analytics.
Une gouvernance claire permet d’avoir une vision globale, et ainsi mieux gérer la complexité du sujet. La gouvernance garantit l’optimisation des moyens humains et financiers puisque tout est cadré en amont et qu’une charge importante est reportée sur le partenaire.
Ce pilotage rigoureux et adapté à l’accessibilité permet d’industrialiser et de donner de la visibilité. L’entité sait à tout moment à quel niveau se situe ses filiales, comment les accompagner et mutualiser ce qui peut l’être sur le long terme.
Ainsi, elle est en mesure de trouver des solutions et moyens de capitaliser au fur et à mesure de l’avancée de la mise en conformité, pour compléter les processus déjà en place.
Un véritable plan d’accompagnement prévu avant, pendant et après permet d’assurer l’adhésion et la cohérence sur le long terme de la démarche d’accessibilité.
Les filiales se sentent accompagnées, soutenues et moins réfractaires aux changements.
Tout le monde y gagne !
Quelles sont les conséquences pour les entreprises qui ne se conforment pas à la nouvelle réglementation ? Les sanctions sont variables selon le volume de sites et dispositifs numériques existants, allant jusqu’à 20 000 € par site et par an. Cette obligation a déjà pris effet pour les sites créés après le 1er octobre 2019, […]
Lire la suite de Accessibilité numérique : Quels enjeux pour les entreprises en 2020 ?Les experts et prestataires de l’accessibilité constatent souvent des blocages ou des ralentissement dans la prise en compte de l’accessibilité, souvent dus à des complications ressenties.
C’est le cas pour les profils non-techniques, par exemple. Tout intervenant sur un projet a son rôle à jouer dans l’accessibilité. Pour autant, tout le monde n’est pas expert accessibilité et se pencher sur la liste de 133 critères dont une majorité est technique peut être rebutant. Pour un graphiste, par exemple, il faut aller chercher au milieu de la liste les quelques-uns qui concernent la maquette graphique.
C’est en partant de ce constat que la société Atalan a lancé le projet AcceDe Web. Le projet intègre des notices pratiques par profil dont :
– La notice d’accessibilité pour la conception graphique– La notice d’accessibilité éditoriale.
Ekino est fier d’avoir pu y participer, même modestement.
D’autres notices sont annoncées : “HTML/CSS” et “Interfaces riches et JavaScript”.
Crédit photo : Dvortygirl
En cette année de textes de loi sur l’accessibilité numérique, l’équipe Accessibilité d’ekino a voulu débroussailler tout ça. Nous nous sommes dit qu’une infographie nous aiderait tous à y voir plus clair, alors la voici ! Cette infographie est pensée comme une suite de questions que vous pourriez vous poser. Pour chacune, une réponse claire […]
Lire la suite de Une infographie pour comprendre le cadre législatif de l’accessibilité numérique en France en 2019Pour assurer la lisibilité, la couleur de texte doit être suffisamment contrastée par rapport à sa couleur de fond.
Cette limite est fixée par un ratio minimum à respecter entre les deux couleurs.
Pour plus de détails, voir :
Ce ratio varie en fonction des référentiels et des niveaux visés.
Voici un tableau pour vous aider à voir, d’un coup d’œil, le ratio qui vous concerne.
| Pour respecter la règle… | pour du texte de type… | le ratio minimum est de… | |
|---|---|---|---|
| Opquast Checklist | 1, 2 et 3 | Grand texte | 3:1 |
| Opquast Checklist | 1, 2 et 3 | Texte courant | 3:1 |
| WCAG 2.0 – Accessiweb | AA / Argent | Grand texte | 3:1 |
| WCAG 2.0 – Accessiweb | AA / Argent | Texte courant | 4,5:1 |
| WCAG 2.0 – Accessiweb | AAA / Or | Grand texte | 4,5:1 |
| WCAG 2.0 – Accessiweb | AAA / Or | Texte courant | 7:1 |
La lisibilité est un critère important de l’expérience utilisateur. Elle contribue à rendre le site utilisable et agréable.
Chaque utilisateur peut être concerné par la question du contraste :
Des outils permettent de connaître le ratio entre deux couleurs. Certains vous aident même à trouver une couleur approchante mais valide quand la vôtre ne respecte pas le ratio minimal.
Pour vérifier un contraste :
L’outil Colour Constrast Analyser – La validation est indiquée pour 4 niveaux de validité.
L’outil Contrast Ratio – La pastille vous indique le ratio entre deux couleurs.
Pour trouver une couleur :
L’outil Tanaguru Contrast-Finder – Proposition de couleurs alternatives pour respecter le ratio.
Si cet article n’a pour but que de vous donner des réponses rapides à des questions pratiques, vous pourrez en apprendre plus dans l’article « Contraste de textes », par Nicolas Hoffmann (sur OpenWeb).
Téléchargez, imprimez, affichez et partager notre infographie récapitulative sur le contraste de couleurs de texte. Un outil pratique pour savoir en un coup d’œil quel contraste respecter.
Je remercie Damien Berseron et Romain Emonet.
Si vous utilisez cette infographie, distribuée sous licence CC BY 3.0 FR (2), nous en serions ravis ! Vous pouvez nous le faire savoir via notre compte Twitter par exemple : @ekino_France ou via les commentaires ci-dessous.
(2) Cela signifie que vous pouvez partager et adapter ce contenu, sous réserve que vous attribuiez la source à « Ekino – http://www.ekino.fr/ » et que vous indiquiez les modifications apportées.
Mot d’accueil Delphine :Bonsoir à tous, merci d’être venus. Comme vous le savez aujourd’hui, c’est la journée mondiale de sensibilisation à l’accessibilité.Ça fait quelques années qu’on surveille la date, c’est la première fois qu’on organise un meetup à cette occasion. Il y a des goodies à l’entrée, dont une checklist concernant des petits trucs qu’on […]
Lire la suite de Meetup de sensibilisation à l’accessibilité numérique, le transcriptL’accessibilité profite à tous les utilisateurs et acteurs du web. Son premier objectif est de rendre l’information accessible que vous soyez en situation de handicap ou non. Mais cette démarche engendre d’autres bénéfices non négligeables…
N’oubliez pas : Pour bénéficier de ces gains, l’accessibilité numérique doit être intégrée le plus tôt possible et à toutes les étapes du processus…
À afficher/partager sur vos murs sans modération !
Transcript :
L’accessibilité numérique, c’est servir des contenus et des fonctionnalités d’un site ou d’une application quel que soit le cadre de l’utilisation de l’internaute (matériel, logiciel, contexte). (1)
Permettre l’accès à son site de recrutement pour des futurs profils ou l’accès aux outils internes à ses collaborateurs est un principe de non-discrimination.
Intégrer la notion d’accessibilité à son entreprise est une démarche citoyenne qui montre qu’on est un acteur socialement responsable.
Accès plus facile aux handicapés mais aussi aux personnes en situation de handicap : daltoniens, séniors, mobinautes, environnements bruyants, faibles connexions, etc.
Un utilisateur satisfait revient plus souvent sur un site, communique sur son expérience positive et permet la diffusion du site à l’ensemble de son réseau.
Améliorer le contenu web en privilégiant le respect des règles sémantiques et syntaxiques permet de préparer la base pour un référencement de qualité.
La mise en accessibilité d’un site va dans le sens des standards du web et joue ainsi le jeu de la qualité.
La loi du 11 février 2005 (décret article 47) cadre l’obligation pour les sites web des collectivités territoriales et établissements publics d’être conforme au niveau AA.
Introduire l’accessibilité dans vos méthodes amène les équipes (développeurs, intégrateurs, chefs de projet, etc.) à acquérir de nouvelles compétences. C’est aussi attirer des profils de qualité.
Cette infographie est mise à disposition selon les termes de la Licence Creative Commons Attribution – Partage dans les Mêmes Conditions 4.0 International.
Si tout n’a pas été tout de suite clair, une chose est sûre, dès le début : quelle que soit l’approche – son nom, son objectif – ces concepts ramènent tous à un seul facteur : l’utilisateur. Quand Geoffrey Dorne parle de design pour l’humanité, par exemple, il nous dit tout de suite qu’il axe […]
Lire la suite de Innovation …et handicap ?