1 - Images
Les personnes aveugles ou malvoyantes utilisent des outils de lecture, de vocalisation et d'agrandissement de contenus.
L'absence (ou le manque de pertinence) d’alternative aux images porteuses d’information peuvent empêcher ces personnes de comprendre un contenu ou d’accomplir une tâche.
Sommaire
Masquer les images décoratives aux technologies d’assistance
Les personnes aveugles ou malvoyantes utilisent des outils de lecture, de vocalisation et d'agrandissement de contenus.
Ces outils retranscrivent de nombreuses informations comme le type d’élément, ses propriétés, son état et son alternative.
En l’absence d’alternative vide (ou d’attribut permettant de masquer l’élément aux technologies d’assistance), les images de décoration risquent d’être annoncées et de rendre le contenu peu compréhensible pour ces personnes.
Sommaire
Renseigner la nature et fournir un accès alternatif aux images CAPTCHA
-
L’absence d’alternative à une image CAPTCHA empêche les personnes aveugles ou malvoyantes de connaître la nature de l’image.
-
Les personnes aveugles ou malvoyantes peuvent ne pas lire le code d’un CAPTCHA visuel. Les personnes déficientes mentales ou cognitives peuvent ne pas comprendre un CAPTCHA visuel ou logique.
L'absence de solution alternative peut empêcher ces personnes d’accomplir une tâche.
Sommaire
Les personnes aveugles ou malvoyantes utilisent des outils de lecture, de vocalisation et d'agrandissement de contenus.
L'absence (ou le manque de pertinence) de description détaillée aux images porteuses d’information peuvent empêcher ces personnes de comprendre un contenu ou d’accomplir une tâche.
Sommaire
Remplacer les images textes par du texte stylé, lorsque c'est possible
Les personnes malvoyantes peuvent rencontrer des difficultés à lire des textes en image car elles ne peuvent pas les rendre plus lisibles : agrandir les caractères ou améliorer les contrastes, par exemple.
Certaines personnes présentant des troubles de la lecture (comme la dyslexie) peuvent utiliser des feuilles de styles personnalisées et des lecteurs vocaux pour simplifier la lecture. Les textes en image ne peuvent pas être modifiés.
Sommaire
Associer correctement une légende à son image
Une image et sa légende sont associées visuellement par un style particulier.
Les personnes aveugles ou malvoyantes peuvent ne pas comprendre le lien entre l’image et sa légende, si cette association n’est pas annoncée.
Elles peuvent penser que la légende (le copyright, la date de publication ou le nom de l’auteur, par exemple) sont liés à un autre contenu.
Sommaire
4 - Multimédia
Transcription textuelle
L'absence (ou le manque de pertinence) d’audiodescription ou de transcription textuelle peut empêcher les personnes aveugles ou malvoyantes d’accéder aux informations visuelles du média.
Sommaire
Sous-titrage des vidéos
Les personnes sourdes ou malentendantes auront du mal à suivre une vidéo si :
- La vidéo n’a pas de sous-titres (ou des sous-titres automatiques) ;
- Plusieurs personnes parlent en même temps ;
- Le bruit environnant rend les informations sonores peu (ou pas) compréhensibles.
Sommaire
Audiodescription des vidéos
L’absence (ou le manque de pertinence) d’audiodescription peut empêcher les personnes aveugles ou malvoyantes de comprendre les vidéos. En particulier si elles contiennent des textes incrustés.
Sommaire
Identification des médias temporels
L’absence de titre ou de résumé associé aux contenus audio et vidéo peut rendre complexe la recherche d’informations pour les personnes aveugles et malvoyantes.
Par exemple, dans le cas d’une page regroupant plusieurs médias non titrés, elles sont obligées de démarrer chaque lecteur pour connaître le sujet traité.
Sommaire
Alternative aux médias non temporels
Les médias non temporels sont intégrés via un plugin (Java, Silverlight…) ou un élément natif (canvas ou svg).
Les problèmes rencontrés peuvent être liés à la technologie ou à la manière dont elle est utilisée :
- Les personnes déficientes motrices n’arriveront peut-être pas à contrôler les éléments interactifs du média ;
- Les personnes sourdes et malentendantes n’auront pas accès aux informations présentes dans la bande son ;
- Les personnes déficientes mentales ou cognitives n’arriveront pas à comprendre et à utiliser des fonctionnalités trop riches ou inhabituelles ;
- Les personnes malvoyantes ne pourront pas personnaliser les contenus du média. Comme agrandir les tailles de caractères ou modifier la couleur des textes, par exemple ;
- Les personnes aveugles auront des difficultés avec les informations visuelles, les indications données par la couleur uniquement, l’absence de structure ou l’utilisation d’éléments interactifs. Les éléments de navigation et de contrôle des contenus peuvent aussi être inefficaces.
Pour ces personnes, l'absence (ou le manque de pertinence) d’une alternative textuelle peut empêcher l’accès à l’information contenue dans le média.
Sommaire
Déclenchement automatique de son
Les personnes aveugles ou malvoyantes peuvent rencontrer de grandes difficultés à naviguer si un son démarre immédiatement après le chargement de la page : le son va recouvrir celui de la synthèse vocale.
Les personnes déficientes mentales ou cognitives peuvent être désorientées par le déclenchement automatique du son et ne pas comprendre d’où il vient.
Sommaire
Utilisation au clavier et à la souris des lecteurs et des médias non temporels
Les personnes aveugles ou malvoyantes (qui utilisent un lecteur d’écran ou une loupe vocalisée) et les personnes déficientes motrices (qui naviguent au clavier ou à l’aide d’une reconnaissance vocale) peuvent rencontrer de grandes difficultés pour interagir avec la page si les contrôles ne fonctionnent pas correctement au clavier.
Sommaire
Les personnes aveugles ou malvoyantes (qui utilisent un lecteur d’écran ou une loupe vocalisée) et les personnes déficientes motrices (qui naviguent au clavier ou à l’aide d’une reconnaissance vocale) peuvent rencontrer de grandes difficultés si les contrôles du media ne sont pas compatibles avec les technologies d’assistance.
Sommaire
7 - Scripts
Compatibilité des scripts avec les technologies d’assistance
Les composants ne seront pas utilisables si les propriétés permettant de les nommer et de définir leur rôle et leurs états sont absentes ou peu pertinentes : les personnes qui utilisent les technologies d’assistance comme un lecteur d’écran ou une reconnaissance vocale ne pourront pas comprendre de quel type de composant il s’agit et comment il s’utilise.
Sommaire
Alternative pertinente au script
Certains scripts très complexes (comme une carte interactive, par exemple) peuvent poser de nombreux problèmes :
- Les personnes déficientes motrices n’arrivent pas à contrôler les éléments interactifs ;
- Les personnes déficientes mentales ou cognitives ne comprennent pas ou ne savent pas comment à utiliser la ou les fonctionnalités ;
- Les personnes malvoyantes n’ont pas les moyens de personnaliser les contenus ;
- Les fonctionnalités de navigation et de contrôle ne sont pas fonctionnelles avec les technologies d’assistance.
Pour ces personnes, l'absence (ou le manque de pertinence) d’une alternative donnant des contenus similaires peut empêcher l’accès à l’information.
Sommaire
Utilisation des scripts au clavier et par les dispositifs de pointage
Les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran et les personnes déficientes motrices ne peuvent pas interagir avec les composants s’ils ne fonctionnent pas correctement au clavier.
Sommaire
Changement de contexte initié par un script
Pour de nombreuses personnes handicapées, les changements de contexte peuvent fortement complexifier la navigation, voire la rendre impossible :
- Les personnes déficientes mentales ou cognitives peuvent ne pas comprendre les modifications de contenu si elles ne sont pas prévenues en amont ;
- Les personnes malvoyantes qui utilisent une loupe d'écran et les personnes dont le champ de vision est réduit peuvent ne pas voir les modifications de contenu ou le déplacement du focus ;
- Les personnes aveugles ou malvoyantes peuvent ignorer les modifications de contenu si elles ne sont pas prévenues en amont.
Sommaire
Restitution des messages de statut
Les personnes aveugles ou malvoyantes qui utilisent une loupe d'écran et les personnes dont le champ de vision est réduit pourraient ignorer les messages de statut s’ils ne sont pas correctement restitués.
Elles ne sont pas informées de l’état du contenu : l’échec ou le succès d’une soumission, la progression d’une opération, la non-disponibilité d’une fonctionnalité ou la présence d’une erreur, par exemple.
Sommaire
8 - Éléments obligatoires
Validité du code source
Un code HTML bien structuré peut être nécessaire aux technologies d’assistance pour restituer le contenu et permettre les interactions avec la page. Si le code comporte des erreurs (comme des balises mal écrites), certaines fonctionnalités risquent d’être inutilisables (comme la navigation de liens en liens, par exemple).
Sommaire
Identification de langue principale et des changements de langue
Certaines personnes présentant des troubles de la lecture (comme la dyslexie ou l’illettrisme) utilisent des lecteurs vocaux qui peuvent être moins efficaces si les changements de langue ne sont pas indiqués.
Les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran peuvent rencontrer d'importantes difficultés à comprendre les textes lus dans une langue qui n’est pas la bonne.
Sommaire
Présence et pertinence d’un titre de page
Le titre de page est la première information restituée par les technologies d’assistance. Il est utilisé dans l’historique de navigation, la liste des onglets ouverts ou lors de la mise en favoris.
Les personnes aveugles ou malvoyantes et les personnes déficientes mentales ou cognitives peuvent rencontrer d'importantes difficultés à identifier ou retrouver une page si le titre de page est absent ou peu pertinent.
Sommaire
Utilisation des balises à bon escient
Un code HTML sémantique est nécessaire aux technologies d’assistance pour restituer le contenu et permettre les interactions avec la page.
Si les balises ne sont pas utilisées pour leur sens, la restitution peut être difficilement compréhensible et certaines fonctionnalités risquent d’être inutilisables.
Sommaire
Gestion de l’affichage au moyen des feuilles de styles
Les personnes malvoyantes et certaines personnes présentant des troubles de la lecture (comme la dyslexie) peuvent rencontrer des difficultés pour lire le contenu si son affichage n’est pas personnalisable : augmenter l’espace entre les mots, les lettres ou les lignes peut faciliter la lecture.
La présence d’éléments et d’attributs HTML de présentation peut empêcher la personnalisation.
Sommaire
Les éléments porteurs d’information insérés en CSS (comme une icône ou une image d’arrière-plan) ne sont pas correctement restitués par les lecteurs d’écran et les loupes vocalisées.
À l’inverse, certains éléments décoratifs insérés en CSS peuvent être restitués aux personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran. Ce qui peut gêner l’écoute et donc la compréhension du contenu.
Sommaire
Cohérence de l’ordre du code source
La présence d’incohérences dans le code HTML peut fortement complexifier la compréhension du contenu pour les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran ou une loupe vocalisée.
Lorsque l’ordre du code n’est pas logique, l’enchaînement des éléments peut poser des problèmes de compréhension. C’est par exemple le cas :
- Des personnes malvoyantes qui utilisent une loupe (ou un zoom) d’écran ou qui agrandissent la taille des caractères ;
- Des personnes qui utilisent un lecteur d’écran ;
- Des personnes qui naviguent au clavier.
Sommaire
Personnalisation de la taille de caractères
Les personnes malvoyantes peuvent rencontrer des difficultés à lire des contenus dont ils ne peuvent pas contrôler la taille des caractères.
Sommaire
Présence conjointe d’une couleur de caractères et d’arrière-plan
En l’absence de couleur d’arrière-plan, les personnes naviguant en mode de contraste élevé peuvent ne pas voir le contenu placé sur une image insérée en CSS.
En l’absence de couleur de premier plan ou d’arrière-plan, les personnes peuvent ne pas pouvoir personnaliser les styles CSS pour pouvoir lire plus facilement. C’est le cas de :
- Certaines personnes malvoyantes ;
- Certaines personnes avec des troubles cognitifs ;
- Certaines personnes ayant des difficultés de lecture ou d’apprentissage.
Sommaire
Visibilité des liens par rapport au texte environnant
Les personnes malvoyantes pourraient ne pas distinguer les liens s’ils ne sont pas suffisamment contrastés par rapport au reste du texte.
Sommaire
Visibilité de la prise de focus
Les personnes déficientes motrices qui naviguent au clavier peuvent rencontrer des grandes difficultés pour interagir avec la page si elles n’arrivent pas à voir où se situe le focus et à suivre ses déplacements.
Sommaire
Restitution des éléments cachés aux technologies d’assistance
Si du contenu porteur d’information est masqué aux technologies d’assistance, les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran n’en auront pas connaissance.
À l’inverse, un contenu décoratif non masqué aux technologies d’assistance peut poser des problèmes de compréhension aux personnes qui les utilisent.
Sommaire
Les informations véhiculées uniquement par un effet visuel peuvent être inaccessibles aux personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran.
C’est par exemple le cas d’un terme de recherche mis en évidence en gras (via CSS) ou de l’indication de la page courante par l’ajout d’une bordure.
Sommaire
Absence de barre de défilement sur les terminaux de faible largeur ou hauteur
Les personnes malvoyantes peuvent utiliser le zoom du navigateur (ou un zoom d'écran spécifique) pour agrandir la taille du texte.
Si le contenu ne s’adapte pas et ne s’affiche pas sur une seule colonne, elles sont obligées d’utiliser les barres de défilement horizontale et verticale pour pouvoir lire la totalité du contenu.
De plus, toutes les personnes ne passent pas forcément par un ordinateur de bureau pour naviguer : c’est par exemple le cas de certaines personnes tétraplégiques qui se servent uniquement d’un mobile (ou d’une tablette) fixé à leur fauteuil ou de certaines personnes aveugles qui utilisent uniquement un mobile couplé à un lecteur d’écran.
Si les différentes versions d’un site (pour mobile, pour tablette et pour ordinateur de bureau, par exemple) ne donnent pas la même information, ces personnes seront privées d’une partie du contenu.
Sommaire
Personnalisation des propriétés d’espacement du texte
Les personnes malvoyantes et certaines personnes présentant des troubles de la lecture (comme la dyslexie) peuvent rencontrer des difficultés pour lire un contenu si l’affichage n’est pas personnalisable : augmenter l’espace entre les mots, les lettres ou les lignes peut faciliter la lecture.
Sommaire
Accès et contrôle des contenus apparaissant au survol ou à la prise de focus
Les personnes malvoyantes qui utilisent un zoom d’écran peuvent rencontrer des difficultés si un élément vient s’afficher par-dessus la partie de la page qu’elles consultent et qu’elles ne peuvent pas le fermer (ou accéder à son contenu).
Sommaire
Accès aux contenus affichés grâce aux feuilles de styles au clavier et par tout dispositif de pointage
Les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran et les personnes déficientes motrices qui naviguent au clavier pourraient être incapables d’accéder à du contenu additionnel si celui-ci est affiché en CSS uniquement.
Sommaire
L’absence (ou le manque de pertinence) d’une étiquette de formulaire peut empêcher de comprendre la fonction du champ à renseigner. C’est notamment le cas pour :
- Les personnes aveugles ou malvoyantes qui utilisent des lecteurs d’écran ou des loupes vocalisées ;
- Les personnes déficientes motrices qui utilisent des reconnaissances vocales ;
- Les personnes déficientes mentales ou cognitives.
Sommaire
Les personnes déficientes mentales ou cognitives pourraient ne pas comprendre la fonction d’un champ répété à plusieurs endroits et dont l’étiquette n’est pas identique (ou similaire) partout.
Sommaire
Association visuelle des champs et de leur étiquette
Les personnes malvoyantes qui ne visualisent qu’une partie de l’écran pourraient ne pas voir l’étiquette d’un champ si elle ne se trouve pas juste à côté.
Sommaire
-
Les personnes aveugles ou malvoyantes qui utilisent des lecteurs d’écran ou des loupes vocalisées peuvent avoir du mal à comprendre la relation entre plusieurs champs s’ils ne sont pas regroupés. Dans le cas de cases à cocher ou de boutons radio, par exemple.
-
Les personnes aveugles ou malvoyantes et les personnes déficientes mentales peuvent ne pas comprendre le sens d’un regroupement de champs si la légende est absente (ou peu pertinente).
-
Les personnes aveugles ou malvoyantes et les personnes déficientes mentales pourraient ne pas comprendre les listes de sélections complexes, si les éléments de liste ne sont pas regroupés.
Sommaire
Pertinence de l’intitulé des boutons de soumission
Les personnes déficientes motrices qui naviguent à la voix peuvent rencontrer des difficultés dans le cas où les intitulés de boutons ne sont pas pertinents.
Les personnes malvoyantes qui utilisent un lecteur d’écran ou une loupe vocalisée peuvent ne pas comprendre si le nom vocalisé d’un bouton est différent de celui qu’elles visualisent.
Les personnes déficientes mentales ou cognitives peuvent avoir des difficultés à envoyer un formulaire si les boutons d’action n’ont pas de noms (ou s’ils sont peu pertinents).
Sommaire
Contrôle de saisie
-
Les personnes déficientes motrices peuvent mettre beaucoup de temps à remplir le formulaire si la liste des champs obligatoires n’est pas donnée dans l’étiquette ou le passage de texte associé, mais en fin de formulaire par exemple.
Les personnes déficientes mentales peuvent être incapables de remplir un champ de formulaire si le format attendu n’est pas précisé.
Les personnes déficientes mentales et les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran ou une loupe vocalisée peuvent être incapables d’envoyer un formulaire si les champs obligatoires ne sont pas indiqués avant le bouton d’envoi.
Les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran ou une loupe vocalisée, peuvent avoir de grandes difficultés à envoyer un formulaire si :
- Le message d’erreur n’est pas vocalisé avant le champ en erreur ;
- Ou si le message d’erreur et le champ ne sont pas reliés.
-
Après avoir envoyé un formulaire, les personnes déficientes mentales pourraient ne pas comprendre le message d’erreur affichée si :
- Le format du champ en erreur n’est pas précisé ;
- Une valeur n’est pas donnée en exemple.
Sommaire
Droit à l’erreur
Certaines personnes présentant des troubles de l’attention ou ayant des difficultés de lecture et toutes les personnes ayant des problèmes d’agilité peuvent saisir des données incorrectes.
S’il n’est pas possible de revoir et de corriger les données ou d’annuler l’envoi du formulaire, cela pourrait avoir de graves conséquences.
Sommaire
Aide à la saisie
Les personnes déficientes mentales et les personnes déficientes motrices peuvent rencontrer des difficultés à renseigner les champs d’un formulaire si leurs données personnelles ne sont pas suggérées.
De même, un champ dont la liste des données proposées ne correspond pas à la valeur attendue pose également problème : cela oblige les personnes à devoir modifier la valeur du champ manuellement.
Sommaire
13 - Consultation
Contrôle des limites de temps
L’utilisation de technologies d’assistance (comme un lecteur d’écran, une loupe vocalisée ou un périphérique spécialisé) et les effets de certaines déficiences peuvent fortement ralentir la découverte du contenu, la manipulation des éléments et la réalisation de certaines actions…
Certaines personnes utilisant une technologie d’assistance ou atteintes d’une déficience auront du mal à accomplir une tâche ou à lire le contenu, si elles non pas la possibilité d’arrêter (ou de contrôler) les délais de mise à jour.
Sommaire
Ouverture d’une nouvelle fenêtre inattendue
Les personnes déficientes mentales ou cognitives et les personnes aveugles ou malvoyantes qui utilisent un lecteur d'écran ou un agrandisseur d’écran peuvent être désorientés par l’ouverture non prévue d’une nouvelle fenêtre.
Sommaire
Documents bureautiques en téléchargement
Les personnes handicapées, notamment les personnes déficientes visuelles (cécité, malvoyance, daltonisme entre autres) ou encore les personnes déficientes cognitives (présentant par exemple des troubles Dys) auront de grandes difficultés pour consulter un document en téléchargement qui n’est pas accessible ou pour lequel il n’existe pas d’alternative accessible.
Sommaire
Alternatives des contenus cryptiques
Les personnes aveugles ou malvoyantes qui utilisent un lecteur d’écran peuvent ne pas visualiser la forme ou le dessin représenté par une émoticône, du texte cryptique ou de l’art ASCII : ces éléments sont restitués par le lecteur d’écran comme une succession de caractères sans signification particulière.
Sommaire
Accessibilité des contenus dynamiques
-
Les effets de flash et les changements brusques de luminosités peuvent rendre la lecture d’un contenu impossible pour les personnes malvoyantes (comme les achromates).
Ces effets visuels peuvent aussi provoquer des crises d’épilepsie chez certaines personnes sensibles à la lumière.
-
La présence de texte en mouvement peut rendre l’accès au contenu très difficile. C’est le cas pour :
- Certaines personnes présentant des troubles de la lecture (comme la dyslexie) : elles ne peuvent pas lire le texte s’il défile trop rapidement ;
- Certaines personnes présentant des troubles de l’attention : elles peuvent être distraites et ne pas arriver à lire le reste du contenu ;
- Certaines personnes utilisant un lecteur d’écran : un texte en mouvement peut empêcher le lecteur d’écran de restituer le contenu.
Sommaire
Contenus consultables quelle que soit l’orientation de l’écran
Certaines personnes déficientes motrices (comme une personne tétraplégique, par exemple) n’ont pas la possibilité de modifier l’orientation de l’écran qu’elles utilisent. Si la page web est disponible dans un seul format, ces personnes ne peuvent pas visualiser et interagir correctement avec l’interface.
Sommaire
Alternative au geste complexe
Les personnes déficientes motrices et toutes les personnes ayant des problèmes d’agilité peuvent ne pas arriver à réaliser des gestes complexes.
Par exemple : faire plusieurs actions en même temps, utiliser des combinaisons de touches, ou encore exécuter une suite de gestes particuliers.
Sommaire
Annulation des actions déclenchées au moyen d’un dispositif de pointage
Les personnes malvoyantes, déficientes motrices, mentales ou cognitives peuvent activer des fonctionnalités ou exécuter des commandes liées au toucher, à la souris ou à tout autre système de pointage sans le vouloir. S’il n’est pas possible d’annuler l’action, l’interface pourrait devenir inutilisable.
Sommaire
Alternative aux mouvements de l’appareil
Les personnes déficientes motrices peuvent être dans l’incapacité de réaliser un mouvement spécifique de l’appareil (comme l’incliner ou le secouer). Si aucun autre moyen n’est proposé pour démarrer la fonction, ces personnes n’y auront pas accès.
À l’inverse, certaines personnes déficientes motrices peuvent activer des fonctions sans le vouloir (à cause de tremblements, par exemple). S’il n’est pas possible d’annuler l’action, l’interface pourrait devenir inutilisable.
Sommaire