Qui bénéficie de la directive 1.1 (Informatif)

• Les personnes non-voyantes, malvoyantes, qui ont un handicap cognitif ou qui ont des difficultés à lire le texte quelle qu'en soit la raison, pourront avoir le texte lu à voix haute grâce à une assistance technologique.

• Les personnes sourdes, malentendantes ou qui ont des difficultés à comprendre une information auditive quelle qu'en soit la raison pourront lire le texte ou l'avoir traduit et représenté en langue des signes grâce à une assistance technologique.

• Les personnes sourdes et non-voyantes pourront lire le texte en Braille.

Exemples pour la directive 1.1 (Informatif)

• Exemple 1 : Une image utilisée comme bouton.

  L'icône d'une loupe est utilisée comme lien vers la page de recherche du site. Un lecteur d'écran identifie le bouton comme un lien et restitue le texte alternatif "recherche"

• Exemple 2 : Un graphique représentant des données.

  Un schéma est composé de barres pour comparer combien d'articles ont été vendus en juin, juillet et août. L'étiquette de texte est "schéma 1 - ventes en juin, juillet et août". La description longue identifie le type de graphique, fournit un résumé précis des données, comparable à celui disponible sur le graphique, et fournit les données dans un tableau.

• Exemple 3 : L'enregistrement d'un discours.

  Le lien vers un clip audio dit "discours du président à l'assemblée". Un lien vers une transcription textuelle est fourni juste après le lien vers le clip audio.

• Exemple 4 : L'enregistrement d'une symphonie.

  Le lien vers le fichier audio dit "5ème symphonie de Beethoven par l'orchestre philharmonique de Vienne".

• Exemple 5 : Une animation qui illustre comme fonctionne le moteur d'une voiture.

  Une animation montre comment fonctionne le moteur d'une voiture. Il n'y a pas de son et l'animation fait partie d'un tutorial qui décrit comment fonctionne un moteur. La seule chose nécessaire est une description de l'image. Extrait de "Comment fonctionne le moteur d'une voiture : combustion interne".

Qui bénéficie de la directive 1.2 (Informatif)

• Les personnes sourdes ou malentendantes peuvent accéder à l'information auditive grâce aux sous-titres.

• Les personnes non-voyantes ou malvoyantes ainsi que les personnes ayant des déficiences cognitives qui ont des difficultés à interpréter visuellement ce qui se passe bénéficient des descriptions auditives des informations visuelles.

Les personnes sans handicap bénéficient également des alternatives au média :

• Les personnes dans un environnement bruyant ou avec le son éteint s'en remettent souvent aux sous-titres.

• Les sous-titres aident beaucoup de gens à développer leur capacité à lire et à parler.

• Les descriptions auditives fournissent une information visuelle aux personnes qui regardent momentanément ailleurs, par exemple en suivant des instructions vidéo et en regardant leurs mains.

• Les sous-titres et les descriptions textuelles rendent possible l'indexation et la recherche de fichiers multimédias.

Exemples pour la directive 1.2 (Informatif)

• Exemple 1 : un film avec une description sonore.

  Transcription du son basée sur les premières minutes de "Enseignement de l'évolution, étude de cas par Bonnie Chen" (copyright WGBH et Clear Blue Sky Productions, Inc.)

  Description : Un titre, "Enseignement de l'évolution, étude de cas par Bonnie Chen". Maintenant, un enseignant montre des photographies.

  Bonnie Chen : toutes ces photos ont été prises soit dans les Everglades ... aujourd'hui, il s'avère qu'il s'agit d'une espèce d'oiseau marcheur avec un bec comme ceci."

  Description : elle donne à chacun deux lamelles de bois plates et fines.

• Exemple 2 : un tutorial sous-titré.

  Un clip vidéo montre comment faire un nœud. Le sous-titre dit "(musique)

  Utiliser une corde pour faire des nœuds

  Était une compétence importante

  Pour les marins, les militaires et les bûcherons."

  Extrait de formatage de transcription par Whit Anderson.

• Note éditoriale : Exemples à développer : une animation avec de la musique qui contient des paroles, une présentation interactive et une animation avec de la musique.

Qui bénéficie de la directive 1.3 (Informatif)

• La séparation du contenu et de la structure de la présentation permet au contenu Web d'être présenté différemment pour satisfaire aux besoins et aux contraintes des différents utilisateurs sans rien perdre de l'information ou de la structure. Par exemple une information qui était originellement prévue pour être présentée visuellement peut être présentée à travers la voix ou le Braille (texte).

• Elle permet aussi de faciliter la mise en évidence automatique de la structure ou une navigation plus efficace.

• Tout ceci peut bénéficier aux personnes avec des handicaps cognitifs, physiques, auditifs et visuels.

Exemples pour la directive 1.3 (Informatif)

• Exemple 1 : Un formulaire qui précise textuellement les champs obligatoires manquants.

  Lorsqu'un utilisateur soumet un formulaire sans avoir renseigné tous les champs obligatoires, un message apparaît pour l'informer des champs manquants. Les champs manquants sont également indiqués en couleur pour aider les personnes avec des limitations cognitives à reconnaître les champs auxquels ils doivent prêter attention. Puisque le message est également disponible en texte les personnes qui ne peuvent pas distinguer les couleurs connaîtront également les champs qu'ils ont à corriger.

• Exemple 2 : Un horaire de bus où les en-têtes sont associés aux cellules.

  Une fiche horaire de bus est en fait un tableau où les arrêts sont listés verticalement et les différents bus effectuant le trajet horizontalement. Chaque cellule contient l'heure à laquelle le bus sera à un arrêt donné. Des balises structurelles sont utilisées pour associer chaque cellule à la fois avec l'arrêt et le trajet correspondant.

• Exemple 3 : Un formulaire où les libellés des cases à cocher sont associés aux cases à cocher.

  Dans un formulaire où les utilisateurs peuvent sélectionner différentes options en utilisant des cases à cocher, les libellés des cases à cocher sont associés aux cases à cocher. Cela profite à plusieurs types d'utilisateurs. Cela permet aux utilisateurs non-voyants de déterminer à quoi correspond la case à cocher. Les personnes avec des fonctions motrices limitées peuvent cocher la case plus facilement puisqu'elles peuvent cliquer n'importe où sur le libellé et pas seulement dans la case à cocher.

Qui bénéficie de la directive 1.4 (Informatif)

• Les personnes malvoyantes peuvent facilement lire les caractères, même si elles n'ont pas un champ de vision complet ou une perception complète des couleurs utilisées par les personnes sans problème visuel, pour distinguer le texte des images de fond. Cela va aussi aider les personnes ayant des déficiences cognitives qui bénéficieront de la facilité à discerner le texte. Les contrastes visuels profitent également aux personnes ayant des déficiences auditives qui sont aidées par une présentation claire de l'information visuelle.

• Les personnes ayant des déficiences auditives limitant leurs capacités à entendre toutes les fréquences de la voix peuvent distinguer les mots des sons qu'elles peuvent entendre parce que les mots ne sont pas mélangés avec des sons résiduels provenant de la musique.

Exemples pour la directive 1.4 (Informatif)

• Exemple 1 : une image de fond dans une page.

  L'image de fond et le texte sont disposés de telle manière qu'il n'y ait pas d'image derrière le texte ou que l'image soit si pâle que la différence entre la partie la plus sombre de l'image et le texte (qui est sombre) satisfasse aux exigences standards de contraste avant-plan/arrière-plan. De même, l'image de fond ne contient pas de ligne d'une largeur similaire à celle des caractères de telle manière qu'elle n'interfère pas avec la reconnaissance des caractères.

• Exemple 2 : un discours sur des bruits arrière-plan.

  Puisque la voix est, de façon naturelle, souvent mélangée avec des sons d'arrière-plan (films, actualités, etc.) et qu'ils ne peuvent pas être séparés, des sous-titres sont fournis (voir directive 1.2) pour rendre les dialogues compréhensibles. Cependant tout le monde n'est pas capable de voir ou de lire les sous-titres. Quand la voix est mixée ou enregistrée de telle manière qu'elle soit à un niveau sonore supérieur d'au moins 20 décibels par rapport au son d'arrière-plan, la plupart des gens n'a pas à s'appuyer sur les sous-titres pour comprendre les dialogues.

Qui bénéficie de la directive 2.1 (Informatif)

• Les individus non-voyants (et qui ne peuvent pas utiliser des dispositifs de pointage) peuvent avoir accès à la fonctionnalité du contenu Web ou du site.

• Les individus avec des handicaps physiques sévères peuvent utiliser l'entrée vocale (qui simule la frappe des touches) aussi bien pour entrer des données que pour utiliser sur les éléments d'interface de la page.

Exemples pour la directive 2.1 (Informatif)

• Exemple 1 : opération avec des périphériques d'entrée multiples.

  Le contenu repose uniquement sur la sélection/non sélection et les événements d'activation ; ceux-ci sont définis dans l'API de l'environnement pour lequel le contenu est écrit, et sont destinés à être utilisables par plusieurs périphériques d'entrée, y compris des dispositifs de pointage, des claviers et des systèmes de saisie vocale.

• Exemple 2 : exemples de contenu Web qui seraient et ne seraient pas utilisables à partir d'un clavier ou d'une interface clavier

  • Si le contenu est écrit pour être utilisable à partir d'un clavier d'ordinateur, il est conforme (parce qu'il est utilisable via le clavier).

  • Si le contenu est écrit pour être utilisé sur un appareil qui normalement n'a pas de clavier tel un téléphone cellulaire, mais qu'il peut être contrôlé par un clavier en option pour cet appareil, il est conforme (une personne qui a besoin d'un clavier - ou d'une interface clavier - peut l'utiliser pour contrôler l'application).

  • Si le contenu est écrit pour être utilisé avec un appareil qui n'a pas de clavier, mais qu'il peut aussi être utilisé avec des appareils similaires qui possèdent un clavier, et que ce contenu fonctionne dans ces conditions, il est conforme (une personne qui a besoin d'un clavier n'achèterait pas l'appareil sans le clavier. Cet appareil peut lui-même ne pas être considéré comme accessible. Mais le contenu peut être contrôlé depuis un appareil avec un clavier et par conséquent se conforme à ces directives).

  • Si le contenu est écrit pour fonctionner avec des appareils qui n'ont pas de clavier et qu'il ne peut être utilisé avec aucun appareil muni d'un clavier, alors il n'est pas conforme (il n'est pas accessible via un clavier).

Qui bénéficie de la directive 2.2 (Informatif)

• Les personnes ayant des difficultés de lecture, des déficiences cognitives ou des difficultés d'apprentissage ont souvent besoin de plus de temps que les autres pour lire et comprendre un texte écrit.

• Les personnes ayant des handicaps physiques peuvent accéder au contenu qui est souvent mis à jour dans les cas où le contenu ne pourrait pas être traité ni lu avant d'être rechargé, ou lorsque la lecture nécessite une assistance technologique ou un navigateur vocal.

Exemples pour la directive 2.2 (Informatif)

• Exemples de contenu qui doivent satisfaire aux critères de réussite de ce point de contrôle :

  • rafraîchissement automatique,

  • redirection,

  • texte clignotant ou défilant,

  • dialogue qui disparaît après une courte période,

  • arrêt ou désactivation de la ressource si aucune activité n'est reçue dans un temps donné.

• Exemple 1 : un texte clignotant.

  Un script côté client est utilisé pour créer du texte clignotant. Le contenu propose une option qui permet à l'utilisateur de désactiver le clignotement.

• Exemple 2 : un site d'actualité qui est régulièrement mis à jour.

  La page d'accueil d'un site d'actualité est mise à jour toutes les demi-heures. La page d'accueil contient très peu de texte et elle est constituée principalement de liens vers le contenu. Un utilisateur qui ne souhaite pas que la page se mette à jour sélectionne une case à cocher. La case à cocher est dans la partie "préférences de l'utilisateur" du site qui est un des premiers liens sur chaque page.

Qui bénéficie de la directive 2.3 (Informatif)

• Les personnes qui ont des épilepsies photosensibles peuvent éviter les crises déclenchées par les flashs ou les motifs spatiaux.

Qui bénéficie de la directive 2.4 (Informatif)

• Lorsque la structure logique est fournie dans le balisage ou le modèle de données,

  • Les utilisateurs avec des handicaps physiques peuvent utiliser la structure pour se déplacer plus aisément entre les paragraphes, les chapitres, les sections, etc.

  • Les utilisateurs avec des handicaps cognitifs peuvent utiliser les éléments de la structure (titres de chapitre, entêtes, etc.) pour obtenir plus de contexte sur le texte qui les suit. Ces éléments fournissent aussi une alerte sur un changement de contexte et réoriente l'utilisateur sur le nouvel élément sélectionné.

  • Les utilisateurs non-voyants ou malvoyants peuvent naviguer d'entête en entête pour survoler le document ou pour arriver plus rapidement vers la section qui les intéresse.

  • Les lecteurs malvoyants peuvent parfois (selon la technologie d'affichage) modifier la façon dont les titres de chapitre et les entêtes sont affichés afin de les rendre plus lisibles et plus faciles à utiliser quand ils survolent le document.

  • Le contenu peut être présenté sur différents appareils parce que le logiciel de l'appareil peut sélectionner seulement les éléments du contenu qu'il est capable d'afficher et qu'il les affiche de la façon la plus efficace pour cet appareil.

• Fournir différents mécanismes de navigation peut permettre de mieux correspondre aux différentes compétences des gens, à leurs connaissances, à leurs habitudes pour s'orienter que ce soit de manière textuelle ou visuelle, et au type d'information qu'ils cherchent à ce moment.

• Les personnes avec des handicaps cognitifs peuvent trouver plus facile de demander directement ce qu'elles cherchent plutôt que de parcourir des listes de catégories pour en déduire son emplacement.

• Les personnes malvoyantes ou non-voyantes peuvent trouver que les techniques consistant à ramener toutes les informations relatives à un thème d'intérêt sont plus faciles que les techniques consistant à parcourir des listes ou du contenu.

• Une présentation qui met en valeur la structure :

  • permet aux utilisateurs avec des handicaps cognitifs ou visuels de s'orienter dans le contenu,

  • permet aux utilisateurs de se déplacer rapidement dans le contenu et de repérer les divisions importantes du contenu,

  • permet à tous les utilisateurs, mais surtout aux utilisateurs avec des handicaps cognitifs ou visuels, de se concentrer sur le contenu important,

  • permet à tous les utilisateurs, mais surtout aux utilisateurs avec des handicaps cognitifs ou visuels, de distinguer les différents types de contenu.

Exemples pour la directive 2.4 (Informatif)

• Exemple 1 : La documentation d'un produit.

  La structure d'un livre est identifiée par ses chapitres. C'est une façon tout à fait appropriée de mettre en évidence cette structure. À l'intérieur d'un chapitre, les entêtes mettent en évidence les changements de contexte et soulignent les idées contenues dans le texte qui suit. Des différences fines entre l'apparence du titre du chapitre et des entêtes de section aident l'utilisateur à comprendre la hiérarchie et les relations entre le titre et les entêtes. Cette différence peut être la taille de la police ou l'indentation des marges pour une présentation visuelle, ou une voix différente ou précédée par un son pour une présentation orale.

• Exemple 2 : l'image redimensionnable d'une bicyclette.

  Des lignes et un cercle (rayons et jante) sont groupés pour former une "roue". Des lignes dans un triangle rattaché à chaque roue sont groupées pour former un "cadre".

• Exemple 3 : une interface utilisateur.

  Les contrôles de l'interface utilisateur sont divisés en groupes organisés.

• Exemple 4 : un tableau de données.

  Les groupes de lignes et de colonnes sont identifiés avec des entêtes.

• Exemple 5 : une présentation audio.

  La restitution audio d'un document est générée d'après une feuille de style. Pour lire les titres et les entêtes, elle utilise une voix différente, plus formelle. Ainsi, les auditeurs peuvent facilement identifier ces mots comme étant un titre et non le texte courant.

Qui bénéficie de la directive 2.5 (Informatif)

• L'identification des fautes de frappe aide les personnes avec des limitations au niveau de l'écriture et les personnes dyslexiques qui ont souvent des difficultés à écrire du texte dans les formulaires ou tout autre endroit qui nécessite la saisie de texte.

• Certains handicaps rendent plus difficile la manipulation des périphériques d'entrée, d'où des erreurs de saisie plus nombreuses. Par exemple, les personnes dont les fonctions motrices sont limitées risquent plus particulièrement de faire des erreurs lorsqu'elles manipulent une souris ou un clavier. Les systèmes de reconnaissance vocale peuvent avoir plus de difficultés à reconnaître les paroles de personnes avec des difficultés d'élocution. Les fonctions qui aident à la reconnaissance et à la correction des erreurs bénéficient aux personnes avec ces types de handicap.

Exemples pour la directive 2.5 (Informatif)

• Exemple 1 : identification des erreurs lors de la soumission d'un formulaire.

  Le site Web d'une compagnie aérienne propose des promotions sur des vols à prix réduits. Il est demandé à l'utilisateur de remplir un formulaire simple avec des informations personnelles telles que son nom, son adresse, son numéro de téléphone, ses préférences de placement et son adresse email. Si l'un des champs du formulaire n'est pas saisi ou saisi de façon incorrecte, l'utilisateur est averti de l'erreur de saisie. Le même formulaire est alors présenté à l'utilisateur et toutes les informations précédemment fournies de façon correcte sont disponibles. Il est demandé à l'utilisateur de corriger les champs du formulaire signalés par une flèche rouge ou deux astérisques. Note : la couleur seule n'est pas suffisante pour signaler les erreurs.

• Exemple 2 : erreurs dans le nom d'utilisateur et le mot de passe.

  L'utilisateur doit saisir un nom d'utilisateur et un mot de passe pour accéder à une page Web. Si l'un des deux est incorrect, l'utilisateur est informé qu'il y a eu une erreur, mais pour des raisons de sécurité on ne lui indique pas dans lequel (nom d'utilisateur ou mot de passe), et on ne lui propose pas de suggestions de corrections.

• Exemple 3 : un test en ligne.

  Un site Web propose un test en ligne pour une certification dans un domaine d'étude particulier. Le test indique à l'utilisateur les réponses incorrectes mais ne propose pas de suggestions pour les corriger. L'objectif du test en ligne est d'évaluer les connaissances de l'utilisateur et par conséquent donner des conseils sur la réponse correcte irait contre l'objectif du site.

• Exemple 4 : la confirmation de commande.

  Un détaillant sur le Web propose aux clients d'acheter en ligne. Lorsqu'une commande est soumise, les informations de la commande, y compris les articles commandés, la quantité de chaque article, l'adresse de livraison et le moyen de paiement, sont affichées pour permettre à l'utilisateur de vérifier si elles sont correctes. L'utilisateur peut confirmer la commande ou faire des modifications.

• Exemple 5 : une liste de sélection pour réduire les erreurs.

  Un détaillant sur le Web propose aux clients d'acheter en ligne du matériel de pêche à la mouche. Lorsque l'utilisateur doit indiquer son pays, une liste déroulante de pays lui est proposée au lieu d'un champ de saisie de texte. Pour faciliter encore les choses, l'utilisateur est informé que les pays sont listés dans l'ordre alphabétique.

• Exemple 6 : les fonctions d'un moteur de recherche.

  Un moteur de recherche propose différentes options de recherche selon les niveaux de compétence et les préférences des utilisateurs. Ceci comprend une option pour vérifier l'orthographe des termes cherchés et la proposition d'alternatives "terme le plus proche", des recherches "requête par un exemple" et des recherches par similarité.

• Exemple 7 : la vérification orthographique pour les formulaires de contact.

  Un site Web bancaire fournit à ses clients un formulaire pour poser des questions ou soumettre des propositions. L'interface utilisateur du formulaire comprend une vérification orthographique optionnelle de la zone de saisie de la question ou de la suggestion.