Outils et techniques

Parmi les approches les plus communes pour interagir avec le Web on compte :

• Technologies d’assistance : logiciels et matériels utilisés par des personnes en situation de handicap pour améliorer leurs interactions avec le Web. Cela inclut les lecteurs d’écran qui vocalisent les pages web pour les personnes qui ne peuvent pas lire le texte, les loupes d’écran pour certains types de malvoyance, les logiciels de reconnaissance vocale et les contacteurs pour les personnes qui ne peuvent pas utiliser un clavier ou une souris.
• Stratégies d’adaptation : techniques que les personnes atteintes de handicaps mettent en place pour améliorer leurs interactions avec le Web, telles que le grossissement de caractères, la réduction de la vitesse du pointeur de souris, et l’affichage des sous-titres. Les stratégies d’adaptation incluent les techniques appliquées aux logiciels standards avec des navigateurs grand public autant qu’aux technologies d’assistance.

L’accessibilité bénéficie à tout le monde, avec ou sans handicap. La prise en compte de l’accessibilité est de plus en plus courante dans les ordinateurs, les téléphones, les systèmes d’opération, les navigateurs et autres outils. Better Web Browsing: Tips for Customizing Your Computer (« Mieux naviguer sur le Web : conseils pour personnaliser votre ordinateur ») donne des informations pour personnaliser votre ordinateur afin de tirer avantage de telles solutions pour l’accessibilité.

Les matériels ou les logiciels qui fournissent des fonctionnalités d’accessibilité, notamment les navigateurs, les lecteurs média, ou les technologies d’assistance, peuvent ne pas être disponibles pour certaines personnes. Par exemple certains outils peuvent être trop chers, pas installés ou pas compatibles avec l’ordinateur, pas disponibles dans certaines langues, ou indisponibles pour d’autres raisons. Dans d’autres cas, les personnes ne sont pas au courant des solutions accessibles, ou de comment les configurer ou les utiliser.

Certaines personnes doivent convertir du contenu d’une forme à l’autre pour le percevoir. Par exemple, une personne sourde-aveugle a besoin de convertir le contenu audio et visuel dans une forme tactile (comme le braille). D’autres personnes ont besoin de percevoir le contenu à travers plusieurs sens, par exemple une personne dyslexique aura besoin d’entendre et de voir le texte pour mieux le comprendre.

Le contenu sous forme textuelle peut plus facilement être converti dans d’autres formes et est donc particulièrement utile. Cependant le contenu en texte seul pose de gros problèmes à de nombreuses personnes qui ont des difficultés avec le langage écrit. Les graphiques et les illustrations peuvent être rendus accessibles et rendent souvent les sites web et les applications plus compréhensibles, plus faciles à utiliser et plus satisfaisants pour tout le monde.

Dans certains cas, le contenu peut être converti dans d’autres formes grâce à des logiciels ou des matériels. Par exemple un logiciel de lecture d’écran peut convertir le texte en parole. Dans d’autres cas, les auteurs de contenus doivent fournir des formes alternatives de contenus. Par exemple, il faut au moins une intervention humaine pour créer des descriptions textuelles pour des images ou pour sous-titrer des contenus audio. Quelquefois des logiciels, par exemple de reconnaissance de voix ou d’image, peuvent assister les auteurs à fournir de telles alternatives, mais la conversion n’est le plus souvent pas complètement automatisable.

• Audiodescription (aussi appelée « description vidéo » ou « vidéo décrite ») : narration qui décrit les détails visuels importants d’une vidéo. Ces narrations peuvent s’insérer dans les pauses naturelles de la piste son, ou être sur une piste audio séparée dans le fichier multimédia, ou dans un fichier son séparé.
• Notifications auditives, tactiles ou visuelles : notifier l’utilisateur ou l’alerter de différentes manières, avec un clignotement, un dialogue visuel qui apparaît, un son, ou une vibration.
• Braille : une matrice utilisant six à huit points élevés ou baissés selon différents schémas, pour représenter des lettres et des chiffres. Ces caractères sont lus en parcourant les points élevés du bout des doigts. Le braille est utilisé par des personnes aveugles, mais toutes les personnes aveugles ne connaissent pas le braille.
• Sous-titres : texte rapportant un verbatim de toutes les paroles et décrivant l’information auditive pertinente, qui apparaît en même temps que l’audio (y compris l’audio qui accompagne la vidéo dans le multimédia). Le sous-titrage en temps réel nécessite typiquement des interprètes professionnels.
• Synthèse vocale (aussi appelé « sortie vocale ») : conversion automatique de texte en une voix synthétique qui lit le texte à voix haute.
• Transcriptions : manuscrits textuels contenant la séquence verbatim de la parole enregistrée ainsi que la description de l’information auditive ou visuelle importante.

• Afficheur braille : un terminal mécanique qui affiche une ligne de caractères braille (souvent 40 à 80) en élevant et baissant dynamiquement des picots (des points). Les assistants braille, qui ont la capacité de petits ordinateurs, sont équipés d’afficheurs braille. Ces terminaux peuvent être utilisés pour prendre des notes, faire des calculs, ou s’interfacer avec d’autres outils comme les kiosques publics d’information.
• Lecteur d’écran : logiciel qui interprète le contenu du bureau et dans le navigateur web, et le convertit dans d’autres formes comme de la voix ou du braille. Les lecteurs d’écran fournissent généralement d’autres fonctions, comme des raccourcis clavier, plusieurs moyens d’interpréter le contenu et d’interagir avec lui, et la capacité de surligner le texte qui est en cours de vocalisation.
• Navigateur vocal : similaire à un lecteur d’écran mais n’interprète souvent que les contenus web. Les navigateurs vocaux ne sont généralement pas développés en tant qu’outils d’assistance mais comme alternatives à des navigateurs web pour des téléphones mobiles et d’autres usages similaires.

• Martine, étudiante en ligne, malentendante (en anglais)
• Ilya, cadre supérieure, aveugle (en anglais)
• Preety, élève de collège avec un trouble du déficit de l’attention avec hyperactivité et dyslexique (en anglais)
• Kaseem, adolescente qui est sourde et aveugle (en anglais)

Certaines personnes ont besoin de texte et d’images plus grands, ou d’un plus grand contraste entre le texte et le fond pour mieux voir le contenu, et certaines personnes ont besoin d’un son plus fort avec moins de bruit de fond pour mieux entendre le contenu. Certaines personnes doivent désactiver le contenu surgissant (« pop-ups ») et les animations, qui les désorientent et les distraient. Un son qui est joué automatiquement, comme une musique de fond sur un site web, peut aussi distraire les gens ou interférer avec leur lecteur d’écran. Les contenus web, les navigateurs et les outils doivent permettre d’ajuster la présentation selon les besoins et les préférences des utilisateurs.

Rendre le texte plus lisible est particulièrement important. Cela signifie qu’on peut changer son apparence visuelle, utiliser un lecteur d’écran, et adapter le contenu. Par exemple changer la police d’affichage, les couleurs, les espacements, et les largeurs de lignes rend le texte plus lisible pour de nombreuses personnes. Parfois la synthèse vocale est utilisée en complément de la lecture visuelle. Adapter le contenu signifie aussi réarranger des sections de la page web, ajouter des fonctionnalités telles que des dictionnaires et des glossaires, et cacher des fonctionnalités moins utilisées. Bien que ces changements soient souvent effectués par de navigateurs et des outils spécialisés, les auteurs de sites web doivent fournir un code adéquat pour permettre ces ajustements et ces adaptations.

De même, tout le monde n’interprète pas l’information de la même manière. Cet aspect est particulièrement pertinent dans un environnement dédié à l’apprentissage, mais il s’applique aussi à de nombreuses autres situations. Dans certains cas, les auteurs peuvent fournir différentes représentations de la même information pour la servir au plus grand public possible, par exemple une représentation graphique et tabulaire de donnée selon le mode d’apprentissage, ou une vidéo en langue des signes pour des personnes qui la parlent.

• Polices et couleurs personnalisées : changer les polices de caractères, les tailles, les couleurs, les espacements pour rendre le texte plus facile à lire. La personnalisation inclut les réglages du navigateur et, pour les utilisateurs avancés, des feuilles de style (CSS) pour surcharger l’apparence par défaut du contenu web.
• Plan du document : représentation du contenu qui ne montre que les titres et les structures pertinentes (comme la hiérarchie de titres) pour permettre de s’orienter et d’avoir une vue synthétique du contenu.
• Texte facile à lire : résumés simplifiés de passages du texte pour les rendre plus faciles à comprendre.
• Révélation progressive : technique de design qui implique de ne montrer que le minimum d’informations ou de fonctions nécessaires pour une tâche ou un but donné, pour éviter de surcharger l’utilisateur d’informations.
• Interface réduite : représentation du contenu qui ne montre que les informations les plus pertinentes ou les fonctions les plus fréquentes, par exemple en cachant les parties du contenu qui peuvent distraire l’utilisateur.
• Agrandissement d’écran : changer les réglages du navigateur, du système ou de l’écran pour élargir ou réduire la taille du texte et les images. Certaines personnes utilisent des loupes, des jumelles, ou d’autres aides visuelles, et des logiciels comme des loupes d’écran pour mieux voir les contenus.
• Langue des signes : une forme de communication visuelle qui est principalement utilisée par les personnes sourdes. Elle implique la main, le corps et les expressions faciales pour transmettre des mots, des phrases et des tonalités. Par exemple, l’intensité d’un geste pour indiquer l’émotion ou permettre d’insister sur une information particulière. Comme dans les langues écrites, il y a de nombreuses langues des signes et dialectes, dont certaines sont reconnues comme des langues officielles dans certains pays. Toutes les personnes qui ont un handicap visuel ou qui sont sourdes ne parlent pas la langue des signes.
• Symboles : des icônes qui représentent les mots ou les concepts utilisés à la place de texte par certaines personnes qui ont des problèmes de communication, comme les personnes qui ont du mal à lire et à écrire.

• Bloqueurs d’animations et de pop-ups : modules d’extension (plugins) de navigateurs et autres outils logiciels qui arrêtent les fenêtres surgissantes automatiques et les redirections, et fournissent des options pour arrêter, mettre en pause ou cacher les animations.
• Assistants à la lecture : logiciels qui change la présentation du contenu et fournissent d’autres fonctionnalités pour le rendre plus lisible. Par exemple :
  • Personnaliser la police de caractères, la taille, l’espacement, les couleurs de premier et d’arrière-plan ;
  • Analyser le texte et trouver les mots et expressions complexes, les lier à des glossaires ;
  • Cacher les parties moins pertinentes du contenu, telles que les barres de navigation et les zones d’en-tête ;
  • Fournir un plan de la page et un résumé des passages de texte ;
  • Lire le contenu à voix haute et surligner le texte à mesure qu’il est lu.
• Loupe d’écran : logiciel principalement utilisé par des personnes dont la vision est partielle, pour agrandir les contenus et les rendre plus faciles à voir. Certaines loupes d’écran fournissent une synthèse vocale et d’autres fonctionnalités.
• Contrôle du volume : options pour ajuster le volume des contenus audios, y compris pour couper le son complètement, qui sont séparées des réglages généraux du système.

• Lee, client de site Web marchand, daltonien (en anglais)
• Martine, étudiante en ligne, malentendante (en anglais)
• Preety, élève de collège avec un trouble du déficit de l’attention avec hyperactivité et dyslexique (en anglais)
• Yun, retraité avec une mauvaise vue, un tremblement des mains, et une perte de mémoire à court terme (en anglais)
• Luis, assistant en supermarché, atteint du syndrome de Down (en anglais)
• Kaseem, adolescente qui est sourde et aveugle (en anglais)

Certaines personnes utilisent des logiciels et des réglages personnalisés pour améliorer leur efficacité pour taper, écrire et cliquer. Par exemple certaines personnes assignent des raccourcis clavier personnalisés aux fonctions qu’elles utilisent fréquemment. Certaines personnes utilisent des logiciels d’écriture prédictive afin de taper des mots et des phrases avec le moins de frappe possible, des outils de vérification orthographique et grammaticale pour aider à corriger le texte, et des outils pour aider à cliquer, sélectionner le texte, et faire défiler l’écran avec le moins de mouvement possible.

Le contenu web doit être conçu pour permettre ces différentes approches. Par exemple, les formulaires, les liens, et autres fonctionnalités doivent être utilisables au clavier. En particulier, les applications web (« script côté client ») les lecteurs média, et autres objets programmatiques doivent fournir un support clavier complet qui ne piège pas le focus clavier dans le programme, ainsi que des grandes formes cliquables pour les boutons et les liens.

Un contenu web accessible est utilisable par les personnes qui ont besoin de plus de temps pour taper, écrire et cliquer, ou qui sont susceptibles de faire des fautes. Par exemple, certaines personnes oublient de sélectionner des options en remplissant des formulaires, orthographient mal les mots et fournissent de mauvaises données (des dates, notamment), ou activent malgré elles des boutons et des liens. Un contenu accessible doit aussi fournir assez de temps pour accomplir les tâches, et fournir aussi des messages d’erreur clairs et utiles, ainsi que des options pour corriger la saisie.

• Accélérateurs : logiciels et fonctionnalités qui réduisent l’effort nécessaire à la frappe et au clic. Par exemple en fournissant des options pour créer des raccourcis pour des commandes ou des séquences de commandes, en surlignant les choix possibles tels que les items de menu, les liens ou les options, et en aidant à diriger la souris.
• Clavier et souris alternatifs : logiciel et matériel principalement utilisés par des personnes atteintes de handicaps cognitifs et physiques pour interagir avec l’ordinateur. Par exemple :
  • Un clavier avec des touches plus grosses, des étiquettes sur les touches, un espaceur de touches, des touches illuminées, ou une disposition particulière ;
  • Un clavier virtuel, un écran tactile, un contacteur à la paille, et un contacteur à une touche ;
  • Une boule de commande (trackball), une poignée (joystick), un pavé tactile (touchpad), une souris spécialement conçue, et autres outils de pointage ;
  • Un logiciel de reconnaissance vocale, ou d’oculométrie, et autres méthodes d’interaction sans les mains.
• Oculométrie (aussi appelé « eye-tracking ») : un système qui suit le mouvement des yeux pour contrôler le pointeur de souris et qui détecte le clignement pour déclencher des clics de souris.
• Personnalisation du clavier : permet le changement de la disposition des touches, l’assignation de raccourcis pour des fonctions, le réglage de filtres et l’usage de « touches rémanentes » pour permettre la frappe à une seule main.
• Filtres de clavier et de souris : fonctions du système ou de logiciels spécialisés, qui reconnaissent et compensent les mouvements involontaires tels que les tremblements ou les spasmes.
• Personnalisation de la souris : inclut de changer l’ordre des boutons, changer la sensibilité de la souris au mouvement, fixer des filtres, et changer la taille et l’apparence du pointeur à l’écran.
• Clavier virtuel : clavier affiché à l’écran qui peut être utilisé avec un écran tactile, une souris, une boule de commande (trackball), un joystick, ou autre dispositif de pointage.
• Outils de correction orthographique et grammaticale : fonctions du navigateur, modules d’extension (plugins) ou autres logiciels fournissant une assistance à l’écriture.
• Reconnaissance vocale (aussi appelée « commande vocale ») : logiciel qui reconnaît la voix humaine et peut servir à dicter du texte ou d’émettre des commandes pour interagir avec l’ordinateur.
• Écriture prédictive : logiciel qui propose une sélection de mots, d’expressions et de phrases basée sur la saisie en cours (et parfois en fonction du contexte) pour économiser de la frappe.

• Alex, journaliste avec un trouble musculosquelettique (en anglais)
• Preety, élève de collège avec un trouble du déficit de l’attention avec hyperactivité et dyslexique (en anglais)
• Yun, retraité avec une mauvaise vue, un tremblement des mains, et une perte de mémoire à court terme (en anglais)
• Luis, assistant en supermarché, atteint du syndrome de Down (en anglais)

Quelques exemples d’interaction liés au handicap :

• Une personne qui ne voit pas l’écran et a besoin d’avoir une compréhension générale, de s’orienter en cherchant les titres d’une page web ; les titres doivent aussi être conçus pour un tel besoin.
• Une personne qui ne voit qu’une petite partie de l’écran à la fois, qui utilise une loupe d’écran, et qui a besoin de s’orienter en s’appuyant sur des indices visuels ; le design visuel doit aussi permettre un tel usage.
• Une personne qui n’utilise que le clavier (ou une alternative au clavier) pour naviguer dans le contenu web ; la structure de la page doit être conçue pour permettre d’accéder efficacement à la page au clavier.
• Une personne qui a des difficultés à se rappeler les adresses, les noms, ou une fonctionnalité particulière sur un site web ; les navigateurs doivent fournir une aide qui simplifie l’usage et aide à se rappeler.
• Une personne qui peut avoir du mal à comprendre un menu hiérarchique, comme le sont de nombreux menus ; les sites doivent fournir des mécanismes de navigation alternatifs.

De nombreuses fonctions dévolues à différents styles de navigation sont directement fournis par les navigateurs et les technologies d’assistance. Par exemple, la plupart des navigateurs courants fournissent des marque-pages, et les lecteurs d’écran permettent de lister les titres, les liens, et d’autres structures dans la page. Cependant, la conception du contenu est aussi un facteur essentiel afin de permettre différents styles de navigation.

• Cohérence et prédictibilité : l’intitulé d’éléments tels que les liens, les boutons, et les contrôles doit être cohérent, et les actions attendues doivent pouvoir être prédites d’après le texte de l’élément.
• Titres et intitulés explicites : le titre de la page, les titres et intertitres, les intitulés des formulaires, des liens et des contrôles sont parfois lus hors de leur contexte et doivent être explicites.
• Messages d’erreur et de réussite clairs : les boîtes de dialogue et les autres messages, tels que ceux qui suivent la soumission d’un formulaire, doivent aider l’utilisateur à accomplir sa tâche et éviter la désorientation, la distraction, la confusion et l’inconfort.
• Mécanismes multiples de navigation : les sites web doivent fournir plusieurs moyens de localiser une page, par exemple en fournissant un plan du site et un moteur de recherche en complément des menus hiérarchiques de navigation.
• Liens d’évitement : mécanismes qui permettent à un utilisateur au clavier de sauter les blocs répétitifs de contenu tels que le haut de page, la barre de navigation ou le menu. Note : fournir trop de liens d’évitement est contre-productif.
• Indices d’orientation visuelle : par exemple, utiliser des couleurs de fond différentes pour différentes parties du contenu, utiliser des intitulés de titres uniques, placer l’information pertinente dans des zones importantes de la page.

• Marque-pages et historique : utiliser les fonctions du navigateur pour se rappeler de pages, trouver des pages déjà visitées, ou aller rapidement à une page sans avoir besoin de taper une adresse web.
• Recherche par mot-clé : utiliser les fonctions du navigateur pour trouver du texte dans une page web, et une fonctionnalité du site pour trouver des pages via un mot-clé. Les moteurs de recherche qui sont mis en place et optimisés pour un site web particulier peuvent fournir des résultats de recherche plus précis.
• Navigation au clavier : parcourir le contenu en n’utilisant que le clavier, typiquement en utilisant la touche « Tabulation » pour sauter d’un élément structurel à l’autre, tel qu’un lien, un titre, un élément de liste, au suivant. La navigation au clavier dépend beaucoup du navigateur mais aussi de la conception de la page web elle-même, par exemple à l’aide de liens d’évitement.
• Carte de page : afficher une petite image qui représente la page entière, avec un indicateur pour montrer quelle partie de la page on est en train de consulter.
• Liens graphiques : certains navigateurs, plugins et sites web montrent des imagettes présentant la cible des liens (parfois appelées « screenshots » ou « saisies d’écran ») plutôt que leur adresse ou leur nom ; par exemple, en combinaison avec des listes de marque-pages et d’historique, des boutons de retour ou d’avance dans les navigateurs, ou des liens dans des pages web.

• Alex, journaliste avec un trouble musculosquelettique (en anglais)
• Ilya, cadre supérieure, aveugle (en anglais)
• Preety, élève de collège avec un trouble du déficit de l’attention avec hyperactivité et dyslexique (en anglais)
• Yun, retraité avec une mauvaise vue, un tremblement des mains, et une perte de mémoire à court terme (en anglais)
• Luis, assistant en supermarché, atteint du syndrome de Down (en anglais)
• Kaseem, adolescente qui est sourde et aveugle (en anglais)