Menu

não acredite em ferramentas milagrosas: Ne croyez pas aux outils miracles

Sélectionnez votre langue

Sélectionnez votre langue

Il existe deux façons d’aborder l’accessibilité numérique. Quelle est la vôtre ?

L’accessibilité a toujours été « remise à plus tard », car elle n’a jamais été considérée comme une amélioration de la qualité des produits, mais comme « quelque chose que les entreprises sont obligées d’intégrer ».

Utiliser des outils pour combler des lacunes crée un faux sentiment de conformité, alors que l’expérience réelle reste dégradée.

Faites défiler la page pour comprendre les différences entre les chemins choisis...

Le chemin que vous choisissez influence directement la qualité de votre produit !

Suivez les parcours et prenez le temps de réfléchir...

Deux mains en noir et blanc proposent une pilule rouge et une bleue, en référence au film Matrix. Dans la version animée, les mains se retournent et les pilules tombent au fil du défilement.

Deux choix. Des conséquences différentes.

Que se passe-t-il après le choix ?

Suivez cinq étapes d’un produit numérique. D’un côté, l’accessibilité intégrée au travail. De l’autre, l’espoir de tout résoudre avec un overlay.

  1. La décision initiale

    La promesse du raccourci

    « Il suffit de l’installer. »

    L’équipe installe un outil et considère l’accessibilité comme résolue, sans étudier les obstacles du produit.

    L’accessibilité en pratique

    Tout commence par la compréhension.

    L’équipe identifie les obstacles, définit les priorités et assume ses responsabilités pour les éliminer.

  2. La préparation des équipes

    La promesse du raccourci

    « L’outil s’en occupe. »

    Les équipes de design, de contenu et de développement continuent à travailler sans formation. Les décisions qui créent des obstacles se répètent.

    L’accessibilité en pratique

    Les connaissances font partie de la solution.

    Les équipes sont formées à reconnaître les obstacles et à intégrer l’accessibilité dans les décisions quotidiennes.

  3. La construction du produit

    La promesse du raccourci

    « Nous l’adapterons plus tard. »

    Le produit arrive à l’implémentation sans exigences d’accessibilité. On attend d’une couche ajoutée au site qu’elle compense ce qui a été omis.

    L’accessibilité en pratique

    L’accessibilité dès le départ.

    Les exigences, les comportements et les critères d’acceptation sont documentés dès la conception et guident le développement.

  4. La vérification de l’expérience

    La promesse du raccourci

    « Le bouton est apparu. C’est prêt. »

    La présence de la fonctionnalité est considérée comme une preuve d’accessibilité, sans vérifier si les personnes peuvent accomplir leurs tâches.

    L’accessibilité en pratique

    L’expérience doit être vérifiée.

    L’assurance qualité intervient dès le départ. Les tests automatisés et manuels, les technologies d’assistance et la participation de personnes handicapées aident à identifier les obstacles.

  5. La continuité

    La promesse du raccourci

    « Nous avons déjà réglé cela. »

    De nouvelles pages et fonctionnalités sont publiées sans vérification de l’accessibilité. La confiance dans l’outil remplace le suivi du produit.

    L’accessibilité en pratique

    Chaque modification compte aussi.

    L’équipe suit les signalements, vérifie les régressions et met à jour les composants et la documentation pour pérenniser les améliorations.

Un long chemin...

L’accessibilité est loin (très loin) de se résumer à l’installation d’un outil.

Il est important de comprendre que développer des produits de meilleure qualité ne repose pas sur des formules toutes faites,
mais sur des contextes d’utilisation...

Comprendre l’outil

C’est un outil de RÉGLAGES, pas une solution d’accessibilité.

Certains outils d’accessibilité ajoutent un panneau de réglages à la page. On les appelle overlays: une couche de fonctionnalités sur le site que vous utilisez.

  1. Le site reste la base. Le contenu, la structure et les comportements doivent être accessibles.
  2. L’outil ajoute des réglages. Le panneau peut proposer des options comme la taille du texte et les couleurs. Les fonctionnalités varient selon les produits.
  3. Un bouton ouvre le panneau. Ces outils apparaissent généralement ainsi : une icône sur l’un des côtés de la page.

La plupart des fonctionnalités ajoutées existent déjà dans les systèmes d’exploitation et les navigateurs.

Représentation simplifiée de deux couches : le site et le bouton de l’outil superposé à la page. L’icône de cette illustration n’est pas un bouton fonctionnel.

Fonctionnalités, alternatives et limites

Qu’apportent réellement
ces outils ?

Comparez les fonctionnalités proposées, les ressources déjà disponibles sur les appareils et les obstacles qui nécessitent toujours un travail sur le site lui-même.

Comparez chaque fonctionnalité

Inventaire des fonctionnalités

De nombreux outils mettent en avant une centaine de fonctionnalités. Mais combien influencent réellement l’expérience des personnes ou sont vraiment nécessaires ?

Le tableau suivant présente certaines fonctionnalités proposées par les outils de type overlay et les compare à celles des systèmes d’exploitation ou des navigateurs. Gardez à l’esprit qu’une redondance, à elle seule, ne signifie pas nécessairement une amélioration ou une dégradation de l’expérience ; il s’agit simplement d’un tableau comparatif.

Fonctionnalités, alternatives et limites
Fonctionnalité proposée Alternative ou responsabilité Limite de la comparaison
Agrandir et réduire le texte Redondance élevée Zoom des navigateurs ; taille du texte dans Windows, macOS, iOS et Android Le zoom de la page et la taille du texte ont des effets différents. La prise en charge des réglages varie selon les sites et les applications.
Agrandisseur d’écran ou loupe Redondance élevée Loupe de Windows, Zoom de macOS et d’iOS, agrandissement d’Android L’agrandissement du système peut couvrir tout l’écran ; une loupe intégrée à un site a une portée limitée.
Curseur plus grand Redondance élevée Paramètres du pointeur dans Windows et macOS Le réglage du système s’applique aux autres applications. Les pointeurs personnalisés par le site peuvent se comporter différemment.
Changer la couleur du curseur Redondance élevée Personnalisation du pointeur dans le système d’exploitation Les options disponibles dépendent du système et de sa version.
Contraste élevé Redondance importante Thèmes de contraste de Windows ; options de contraste de macOS et d’iOS Les thèmes de contraste, l’augmentation du contraste et la recoloration d’une page ont des portées différentes.
Inverser les couleurs Redondance élevée Inversion des couleurs dans macOS, iOS et Android Le traitement des images, vidéos et éléments d’interface peut varier. Inverser les couleurs ne garantit pas un contraste suffisant.
Niveaux de gris Redondance élevée Filtres de couleur des systèmes d’exploitation Supprimer les couleurs ne résout pas le problème des informations qui reposent uniquement sur elles pour être comprises.
Filtres pour le daltonisme Redondance importante Filtres de couleur de Windows, macOS, iOS et Android Les filtres et leurs résultats varient. Le contenu doit toujours proposer des moyens d’identification autres que la couleur.
Mode sombre Redondance importante Préférences d’apparence des systèmes et des navigateurs L’apparence sombre du système ou du navigateur ne transforme pas automatiquement tous les sites. Le résultat dépend de la prise en charge par la page.
Lecture du texte à voix haute Redondance élevée Fonctions vocales des systèmes, lecture à voix haute et modes de lecture Écouter un texte n’équivaut pas à naviguer et à utiliser une interface avec un lecteur d’écran. Les voix et les langues disponibles varient.
Lecteur d’écran Alternative gratuite spécialisée VoiceOver, NVDA, Jaws, TalkBack, Narrateur, entre autres. Les lecteurs d’écran offrent des fonctions de navigation et d’interaction, en plus de la parole. Le site doit proposer une sémantique et des comportements compatibles.
Avatar en langue des signes Alternative gratuite spécialisée Les avatars peuvent être utiles dans certaines situations.
Exemple : VLibras (pour la langue des signes brésilienne) (s’ouvre dans un nouvel onglet) 		Les avatars en langue des signes peuvent aider une partie de la communauté sourde. Leurs fonctionnalités peuvent être utilisées indépendamment d’autres outils et présenter une certaine utilité dans des situations précises. Toutefois, privilégiez les solutions qui donnent la priorité aux interprètes humains.
Commandes vocales Redondance importante Accès vocal de Windows, Contrôle vocal d’Apple et Voice Access d’Android La disponibilité dépend du système, de sa version et de la langue. Des commandes limitées à un site n’équivalent pas au contrôle de l’appareil.
Clavier visuel Redondance élevée Les claviers visuels sont disponibles dans les paramètres des systèmes d’exploitation Le clavier permet de saisir des données, mais ne corrige pas les composants impossibles à atteindre ou à utiliser correctement.
Réduire les animations Redondance partielle Préférences de réduction des mouvements des systèmes d’exploitation Cette préférence ne garantit pas l’arrêt de tous les mouvements d’une page. Le site doit la respecter et proposer des commandes adaptées.
Mode de lecture simplifié Redondance importante Modes de lecture des navigateurs et d’Android Toutes les pages ne sont pas compatibles. Une présentation simplifiée ne remplace pas l’utilisation des formulaires et des autres composants.
Masque de lecture Redondance partielle Fonctions de focus sur les lignes dans les modes de lecture des navigateurs Le masque atténue visuellement le contenu autour d’une bande de lecture. La disponibilité de cette alternative dépend du mode de lecture ; cet outil ne corrige pas la structure du contenu et doit pouvoir être réglé et désactivé.
Guide de lecture Redondance partielle Fonctions de suivi des lignes dans les modes de lecture des navigateurs Une règle ou une ligne visuelle aide à repérer la position de lecture. Elle n’équivaut pas nécessairement au focus sur les lignes d’un mode de lecture ni au focus du clavier ; elle ne doit pas masquer le contenu ni empêcher les interactions.
Police plus lisible Redondance partielle Personnalisation des polices dans le navigateur et certains modes de lecture L’application des polices varie selon les pages et les modes de lecture. Aucune police unique ne répond aux besoins de tout le monde.
Suivi oculaire ou facial Redondance partielle Contrôle visuel de Windows et commandes par expressions faciales dans les systèmes compatibles Le contrôle oculaire et le contrôle facial sont des fonctions distinctes. Elles peuvent nécessiter du matériel spécifique et dépendent de l’appareil et de sa version. Attention : Il est important de savoir si les enregistrements d’écran sont stockés, au regard de la LGPD, du RGPD, du CCPA ou de réglementations équivalentes.

Les fonctionnalités de ce tableau ne sont pas exhaustives et visent uniquement à proposer une première comparaison.

Où consulter la documentation et des exemples de fonctionnalités similaires ?
Fonctionnalité proposée Synonymes et noms similaires de la fonctionnalité Documentation et extensions gratuites
Agrandir et réduire le texte Taille de police ; taille du texte ; zoom de page
Agrandisseur d’écran ou loupe Loupe ; agrandissement ; zoom de l’écran ; magnifier
Curseur plus grand Pointeur agrandi ; taille du pointeur ; grand curseur
Changer la couleur du curseur Couleur du pointeur ; pointeur personnalisé ; pointer color
Contraste élevé Thèmes de contraste ; augmenter le contraste ; high contrast
Inverser les couleurs Inversion des couleurs ; couleurs inversées ; invert colors
Niveaux de gris Niveaux de gris ; filtre monochrome ; grayscale
Filtres pour le daltonisme Filtres de couleur ; correction des couleurs ; color filters
Mode sombre Thème sombre ; apparence sombre ; dark mode
Lecture du texte à voix haute Lecture à voix haute ; synthèse vocale ; text-to-speech (TTS)
Lecteur d’écran Lecteur d’écran ; screen reader ; Narrateur
Avatar en langue des signes Avatar Libras ; traduction automatique en langue des signes ; VLibras
Commandes vocales Accès vocal ; contrôle vocal ; voice access
Clavier visuel Clavier à l’écran ; clavier d’accessibilité ; on-screen keyboard
Réduire les animations Réduire les animations ; effets d’animation ; reduced motion
Mode de lecture simplifié Mode lecture ; affichage de lecture ; lecteur immersif ; reader mode
Masque de lecture Masque d’écran ; fenêtre de lecture ; focus sur les lignes ; reading mask
Guide de lecture Règle de lecture ; ligne de guidage ; reading ruler ; line guide
Police plus lisible Personnaliser les polices ; famille de police ; style de police
Suivi oculaire ou facial Contrôle oculaire ; pointeur avec la tête ; eye tracking ; head tracking

Ces noms facilitent la recherche de fonctionnalités similaires, mais ne garantissent pas une équivalence dans tous les contextes. La disponibilité dépend du système, de la version et du contenu ; certains liens sont en anglais.

Analyse des comportements

Des questions pour guider votre réflexion

Le nom le dit : FONCTIONNALITÉ. Cette fonction est-elle réellement utile ?

Fonctionnalité Question principale
Navigation au clavier Pourquoi faudrait-il activer une fonction pour utiliser quelque chose qui devrait fonctionner naturellement au clavier ?
Compatibilité avec les lecteurs d’écran Pourquoi le site n’a-t-il pas été développé pour fonctionner correctement avec les lecteurs d’écran que les personnes utilisent déjà ?
Description automatique des images Comment garantir qu’une description générée automatiquement représente correctement la fonction de l’image ?
Mise en évidence des liens et des titres Si les éléments ne sont pas identifiables, pourquoi ne pas corriger leur présentation et leur sémantique dans l’interface d’origine ?
Profils de handicap Pourquoi supposer que les personnes ayant le même handicap ont besoin des mêmes réglages ?
Réglage de l’espacement du texte Si une personne modifie l’espacement, la mise en page reste-t-elle fonctionnelle, sans perte de contenu ?
Agrandissement du texte et du contenu En agrandissant le contenu, la personne peut-elle toujours lire, accéder aux commandes et accomplir sa tâche, sans chevauchement ni perte d’information ?
Contraste élevé et inversion des couleurs Le réglage préserve-t-il l’identification des champs, des messages d’erreur, du focus et des états des commandes, ou améliore-t-il une partie de la page au détriment d’une autre ?
Filtres de couleur et niveaux de gris Si une information repose uniquement sur la couleur, le filtre résout-il cet obstacle, ou manque-t-il encore du texte, des symboles et d’autres moyens de l’identifier ?
Lecture du texte à voix haute La lecture aide-t-elle à comprendre le contenu et peut-elle être mise en pause ou arrêtée sans entrer en concurrence avec le lecteur d’écran ou les autres sons que la personne utilise déjà ?
Réduction des animations Lorsque le mouvement est interrompu, les carrousels, menus et autres composants restent-ils utilisables ? Pourquoi ne pas respecter la préférence du système dès le départ ?
Mode de lecture simplifié La simplification conserve-t-elle les informations essentielles, l’ordre de lecture et les liens nécessaires, ou supprime-t-elle des parties dont la personne a besoin ?
Commandes vocales La personne peut-elle activer les commandes par les noms affichés à l’écran, sans apprendre des commandes propres à cet outil ?
Changement de police Le changement de police respecte-t-il la préférence de la personne et préserve-t-il la lisibilité de tous les caractères, sans couper le texte ni désorganiser les composants ?

Prenez en compte l’effort

Le nombre de fonctionnalités n’est PAS une mesure de l’accessibilité

Il n’est pas rare d’entendre des discours présentant le nombre d’options proposées comme un atout pour l’accessibilité. Mais la quantité ne sera jamais un facteur de qualité, surtout si l’on considère différentes études reliant le nombre d’options à une augmentation de la charge cognitive, comme cette étude de 2023 (s’ouvre dans un nouvel onglet), par exemple.

Un parcours possible d’attention, d’interprétation et de décision lors de l’utilisation d’un panneau de préférences :

Sélectionnez une étape pour découvrir un exemple. Sélectionnez-la à nouveau pour la replier.

Étapes de l’effort cognitif avant de reprendre la tâche

  1. Trouver la fonctionnalitéInterrompre la tâche et localiser les réglages.

    Exemple de situation

    Vous remplissez un formulaire et avez besoin d’agrandir le texte. Avant de continuer, vous cherchez le bouton qui ouvre le panneau de préférences.

  2. Comprendre les optionsInterpréter les noms et imaginer l’effet de chaque possibilité.

    Exemple de situation

    Le panneau propose « Contraste », « Saturation » et « Mise en évidence ». Vous lisez les intitulés et essayez de comprendre quelle option facilitera la lecture du texte.

  3. Choisir un réglageComparer les possibilités et décider laquelle pourrait répondre au besoin.

    Exemple de situation

    Vous comparez l’augmentation de la taille des caractères, le zoom sur la page et la modification de l’espacement pour décider quelle option essayer en premier.

  4. Tester le résultatÉvaluer l’effet et, si nécessaire, revoir le choix.

    Exemple de situation

    Vous agrandissez le texte, revenez au formulaire et vérifiez si la lecture est plus facile. Si le résultat ne convient pas, vous revenez au panneau pour essayer un autre réglage.

  5. Revenir à la tâcheSe reconcentrer et se souvenir de l’endroit où l’on s’était arrêté.

    Exemple de situation

    Après avoir fermé le panneau, vous cherchez le champ où vous en étiez et vous vous rappelez l’information que vous souhaitiez saisir.

Inspirez-vous des bonnes idées

Observez les sites des grandes entreprises.
Ils sont accessibles et n’affichent pas de « réglages »

Développer des produits et des services implique aussi de reconnaître et d’utiliser les bonnes pratiques. Tout comme certaines bonnes pratiques des grandes entreprises sont adoptées, adoptez également leur approche consistant à développer des produits de manière cohérente en formant leurs équipes.

Actions et prises de position importantes de gouvernements et d’organisations dans différents pays

Commission européenne

Le Forum européen des personnes handicapées, des utilisateurs handicapés et de nombreux spécialistes de l’accessibilité ont exprimé leurs inquiétudes concernant l’utilisation des overlays.

Consulter la position (s’ouvre dans un nouvel onglet)

De nombreuses autres références sont disponibles. Faites défiler encore un peu pour en consulter la liste.

Pour approfondir

Références complémentaires

Les liens suivants proposent des recherches, des cas d’entreprises poursuivies malgré l’utilisation d’outils, des témoignages, des analyses détaillées et des informations utiles pour argumenter et décider de l’utilisation de différents types d’outils.

  1. Overlay Fact Sheet (s’ouvre dans un nouvel onglet) — fonctionnement, capacités et limites des overlays.
  2. Overlay False Claims (s’ouvre dans un nouvel onglet) — documentation critique des promesses commerciales.
  3. Should I Use An Accessibility Overlay? (s’ouvre dans un nouvel onglet) — arguments sur les obstacles non résolus, les technologies d’assistance et les risques liés à la confiance dans les overlays.
  4. The A11Y Project: Should I use an accessibility overlay? (s’ouvre dans un nouvel onglet) — différences entre corrections temporaires et extensions permanentes, avec des effets sur l’autonomie, la vie privée et la qualité.
  5. Daniela Kubesch: The Impact of Web Accessibility Overlays (s’ouvre dans un nouvel onglet) — recherche de master comprenant une évaluation technique et une étude d’utilisabilité auprès de 21 personnes ayant un handicap visuel.
  6. Lainey Feingold: Why Accessibility Overlays Don’t Work (s’ouvre dans un nouvel onglet) — résultats de tests d’overlays sur des sites de gouvernements d’États américains.
  7. Scope: Why accessibility overlays do not improve site accessibility (s’ouvre dans un nouvel onglet) — limites des widgets et conflits possibles avec les technologies d’assistance.
  8. Sheri Byrne-Haber: Overlays are not the solution to your accessibility problem (s’ouvre dans un nouvel onglet)
  9. Sheri Byrne-Haber: More lawsuits filed against companies using accessibility plugin/overlays (s’ouvre dans un nouvel onglet)
  10. Sheri Byrne-Haber: The four pillars of accessibility overlay marketing (s’ouvre dans un nouvel onglet)
  11. Siteimprove: A guide to accessibility overlays (s’ouvre dans un nouvel onglet)
  12. Karl Groves: Selling Accessibility – Negative Factors (s’ouvre dans un nouvel onglet) — idées reçues, peur et pratiques qui freinent le soutien à l’accessibilité dans les organisations.
  13. FTC : accord avec accessiBe concernant ses allégations d’accessibilité (s’ouvre dans un nouvel onglet) — communiqué sur un accord d’un million de dollars pour régler des accusations de publicité trompeuse.

Vidéos

  1. The Underlying Truth about Overlays (s’ouvre dans un nouvel onglet)
  2. Overlays Underwhelm / Adrian Roselli #id24 2022 (s’ouvre dans un nouvel onglet)
  3. 5 False Claims 1-Line "AI" Accessibility Script Vendors Make (s’ouvre dans un nouvel onglet)
  4. What are accessibility overlays? (s’ouvre dans un nouvel onglet)
  5. Avoid companies claiming quick & easy AI accessibility (s’ouvre dans un nouvel onglet)
  6. Accessibility Overlays: What You See You Already Have (s’ouvre dans un nouvel onglet)
  7. ICT2020 Overlays Panel (s’ouvre dans un nouvel onglet)
  8. Peut-on rendre un site accessible avec une seule ligne de code ? (en portugais) (s’ouvre dans un nouvel onglet)
  9. Ne faites pas confiance aux outils « miracles » d’accessibilité (en portugais) (s’ouvre dans un nouvel onglet)

Autres lectures

  1. Gouvernement numérique : documentation de VLibras (s’ouvre dans un nouvel onglet) — référence sur la traduction automatique et rappel qu’elle ne remplace pas un interprète humain.
  2. Scheibehenne, Greifeneder et Todd (2010) : Can There Ever Be Too Many Options? (s’ouvre dans un nouvel onglet) — méta-analyse de la surcharge de choix (PDF, en anglais).
  3. Chernev, Böckenholt et Goodman (2015) : Choice overload (s’ouvre dans un nouvel onglet) — facteurs influençant la surcharge de choix (en anglais).
  4. W3C: Avoid Too Much Content (s’ouvre dans un nouvel onglet) — recommandations d’accessibilité cognitive complétant les WCAG (en anglais).

Outils de réglages open source

Quelques solutions open source pour vos projets

Preferências de Acessibilidade

En nous appuyant sur les mêmes options disponibles dans les systèmes d’exploitation et les navigateurs, nous avons créé un outil de RÉGLAGES gratuit et open source que vous pouvez librement utiliser, recréer et adapter dans vos projets.

Rappelez-vous simplement qu’il doit être présenté comme un outil de RÉGLAGES et non comme une solution d’accessibilité.

Site Preferências de Acessibilidade avec le panneau ouvert, présentant les réglages de zoom, de contraste, de police, de taille du texte et d’espacement.

Découvrez Preferências de Acessibilidade (s’ouvre dans un nouvel onglet)

Le panneau externe de préférences est disponible en portugais dans cette version.

En décochant cette option, l’outil sera masqué et les réglages seront réinitialisés.

Autres solutions gratuites et open source

Nous ne préconisons pas l’utilisation de ces outils, mais certaines personnes ont des raisons de vouloir les utiliser.

Rappelez-vous simplement que proposer des outils de réglages est différent de promouvoir l’accessibilité des produits ou services numériques.