Introduction à Comprendre les WCAG 2.0

Comprendre les WCAG 2.0 est un guide essentiel à la compréhension et à l'utilisation des « Règles pour l'accessibilité des contenus Web 2.0 » [WCAG20]. Bien que les définitions normatives et les exigences pour WCAG 2.0 se retrouvent directement dans le document WCAG 2.0 en lui-même, les dispositions et les concepts peuvent être nouveaux pour certaines personnes. Comprendre les WCAG 2.0 fournit des informations complémentaires de nature non normative à propos de chaque règle et critère de succès afin de venir en aide aux lecteurs et permettre de mieux comprendre l'objectif et la relation entre les règles et les critères de succès. De plus, ce document fournit des exemples de techniques ou de combinaisons de techniques que le groupe de travail a identifiées comme étant suffisantes pour satisfaire à chaque critère de succès. Des liens supplémentaires sont également proposés pour chaque technique.

Ce document n'est pas un document introductif. Il s'agit de descriptions techniques détaillées pour les règles et leurs critères de succès. Consulter la Présentation des Règles pour l'accessibilité des contenus Web (WCAG) (en anglais) pour une introduction aux WCAG, aux documents techniques d'accompagnement et au matériel éducatif.

Comprendre les WCAG 2.0 est présenté par règle. Chaque règle comprend une section intitulée Comprendre la règle X.X. L'objectif et toutes techniques recommandées qui sont liées à une règle sans pour autant être rattachées à un critère de succès spécifique y sont également listées.

La section Comprendre la règle X.X est suivie d'une section Comprendre le critère de succès X.X.X et ce, pour chaque critère de succès rattaché à une règle. Chacune de ces sections contient :

• Le critère de succès, tel qu'il apparaît dans les WCAG 2.0

• L'objectif du critère de succès

• Les bénéfices (en quoi un critère de succès aide-t-il les personnes en situation de handicap)

• Des exemples

• Les ressources liées

• Les techniques ou combinaisons de techniques suffisantes pour satisfaire à ces règles

• Les échecs fréquents de ce critère de succès

• Des techniques recommandées supplémentaires qui vont au-delà de ce qui est requis pour satisfaire au critère de succès, mais qui peuvent être utilisées pour rendre certains ou tous types de contenus plus accessibles. L'utilisation de ces techniques recommandées n'a aucun impact sur le niveau de conformité revendiqué.

• Les mots clés du critère de succès (tirés du glossaire des WCAG 2.0)

Des liens sont établis entre chaque règle des WCAG 2.0 et la section Comprendre la règle X.X correspondante de ce document. De même, un lien est proposé à partir de chaque critère de succès des WCAG 2.0 vers la section Comprendre le critère de succès X.X.X correspondante de ce document.

Pour obtenir des informations sur une technique spécifique, suivez le lien correspondant dans ce document vers la technique qui vous intéresse en vous référant à Techniques pour les WCAG 2.0 (en anglais).

Pour des liens vers des informations sur les différentes limitations fonctionnelles et les technologies d'assistance, consulter Limitations fonctionnelles, chez Wikipédia (en anglais).

Les équivalents textuels :
Comprendre la règle 1.1

Règle 1.1 : proposer des équivalents textuels à tout contenu non textuel qui pourra alors être présenté sous d'autres formes selon les besoins de l'utilisateur : grands caractères, braille, synthèse vocale, symboles ou langage simplifié.

Exemples pour le critère de succès 1.1.1

1. Un graphique

   Un graphique à barres compare combien d'accessoires ont été vendus en juin, juillet et août. La description brève dit : « Figure un - Ventes de juin, juillet et août. » La longue description précise le type de graphique, donne un résumé général des données, des tendances et des implications qui donne une information comparable à celle qui est disponible à partir du graphique. Et, lorsque cela est possible et pratique, les données réelles sont présentées dans un tableau.

2. L'enregistrement audio d'un discours

   Le lien vers un clip audio dit : « Le président s'adresse à l'assemblée. » Un lien vers une transcription textuelle est placé immédiatement après le lien vers le clip audio.

3. Une animation qui illustre le fonctionnement d'un moteur de voiture

   Une animation montre comment fonctionne le moteur d'une voiture. Il n'y a pas de piste audio et l'animation fait partie d'un tutoriel qui décrit le fonctionnement d'un moteur. Étant donné que le texte du tutoriel donne déjà une explication complète, l'image est un équivalent pour le texte et l'équivalent textuel inclut seulement une brève description de l'animation et réfère au texte du tutoriel pour plus d'information.

4. Une webcaméra de circulation

   Un site Web permet aux utilisateurs de choisir parmi une variété de webcaméras situées à travers une ville importante. Une fois qu'une caméra est choisie, l'image est mise à jour toutes les deux minutes. Un court équivalent textuel identifie la webcaméra comme : « Webcaméra de circulation. » Le site offre aussi un tableau des temps de déplacement pour chacune des routes couvertes par la webcaméra. Le tableau est aussi mis à jour toutes les deux minutes.

5. Une photo d'un événement historique dans un article des nouvelles

   Une photo de deux leaders mondiaux se donnant la main accompagne un article des nouvelles à propos d'une réunion internationale au sommet. L'équivalent textuel dit : « Le président X du pays X serre la main au premier ministre Y du pays Y. »

6. Une photo d'un événement historique dans un contenu discutant des relations diplomatiques

   La même image est utilisée dans un contexte différent visant à expliquer les nuances dans les rencontres diplomatiques. L'image du président serrant la main au premier ministre apparaît sur un site Web qui discute de la complexité des relations diplomatiques. Le premier équivalent textuel se lit : « Le président X du pays X serre la main au premier ministre Y du pays Y, le 2 janvier 2009. » Un équivalent textuel supplémentaire décrit la pièce où se tiennent les leaders ainsi que les expressions de leurs visages et nomme les autres personnes présentes dans la pièce. La description supplémentaire peut être incluse sur la même page que la photo ou dans un fichier distinct associé à l'image par un lien ou par un autre mécanisme standard de programmation.

7. Un enregistrement audio d'une conférence de presse

   Une page Web comporte un lien vers l'enregistrement audio d'une conférence de presse. Le libellé du lien identifie l'enregistrement audio. La page offre aussi un lien vers une transcription textuelle de la conférence de presse. La transcription inclut le verbatim de tout ce que disent les intervenants. Elle identifie la personne qui parle et note aussi tout bruit significatif qui fait partie de l'enregistrement comme les applaudissements, les rires, les questions du public et ainsi de suite.

8. Une application d'apprentissage virtuel

   Une application d'apprentissage virtuel (e-learning) utilise des effets sonores pour indiquer si les réponses sont correctes ou non. Le carillon indique que la réponse est correcte alors que le bip indique que la réponse est incorrecte. Une description textuelle est aussi donnée pour que les personnes qui ne peuvent entendre ou comprendre le son puissent comprendre si la réponse est correcte ou incorrecte.

9. Une vignette lien

   Une vignette de la une d'un journal est utilisée comme lien vers la page d'accueil du « Smallville Times ». L'équivalent textuel dit : « Smallville Times ».

10. La même image utilisée sur différents sites

    Différents équivalents pour une image de la terre : une image de la terre utilisée sur un site de voyage comme lien vers la section sur les voyages internationaux comporte l'équivalent textuel suivant : « Voyages internationaux ». La même image est utilisée dans le site Web d'une université avec l'équivalent textuel : « Campus internationaux ».

11. Une image à zones cliquables

    L'image du plan de l'étage d'un édifice est interactive afin de permettre à l'utilisateur de sélectionner une pièce particulière et de se diriger vers une page donnant de l'information à propos de cette pièce. Le bref équivalent textuel décrit l'image et sa fonction interactive : « Plan de l'étage de l'édifice. Sélectionner une pièce pour plus d'information. »

Techniques et échecs pour le critère de succès 1.1.1 - Contenu non textuel

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

CAPTCHA

sigle de « Completely Automated Public Turing test to tell Computers and Humans Apart » (test public de Turing entièrement automatique ayant pour but de distinguer les humains des ordinateurs)

Note 1 : les tests de type CAPTCHA demandent souvent à l'utilisateur de taper un texte présenté dans une image ou un extrait audio déformés.

Note 2 : un test de Turing est tout système de tests conçu pour distinguer un humain d'un ordinateur. Il est nommé en l'honneur du célèbre informaticien Alan Turing. Ce terme a été popularisé par les chercheurs de l'Université Carnegie Mellon. [CAPTCHA]

contenu non textuel

tout contenu qui n'est pas une suite de caractères déterminée par un programme informatique ou suite de caractères sans signification dans aucune langue

Note : cela inclut l'art ASCII (qui est un dessin à base de caractères), les émoticônes, l'écriture « leetspeak » (qui utilise la substitution de caractères) et les images représentant du texte.

équivalent textuel

Texte associé par programmation à un contenu non textuel ou dont il est fait mention depuis un texte associé par programmation à un contenu non textuel. Un texte associé par programmation est un texte dont l'emplacement peut être déterminé par programmation depuis le contenu non textuel.

Exemple : l'image d'un graphique est décrite textuellement dans le paragraphe suivant le graphique. Le bref équivalent textuel du graphique indique que la description suit celui-ci.

Note : se référer à Comprendre les équivalents textuels pour plus d'informations.

expérience sensorielle spécifique

une expérience sensorielle qui n'est pas purement décorative et dont l'objectif premier n'est pas de transmettre une information importante ou d'accomplir une fonction

Exemple : on compte parmi les exemples un morceau de flûte solo, des œuvres d'art visuel, etc.

nom

texte grâce auquel un logiciel peut identifier pour l'utilisateur un composant du contenu Web

Note 1 : le nom peut être caché et présenté seulement aux technologies d'assistance, alors qu'une étiquette est présentée à tous les utilisateurs. Dans de nombreux cas (mais pas dans tous), l'étiquette et le nom sont identiques.

Note 2 : celui-ci n'a pas de lien avec l'attribut HTML name.

purement décoratif

utilisé seulement dans un but esthétique, ne fournissant aucune information et n'ayant aucune fonctionnalité

Note : un texte est purement décoratif si les mots peuvent être réarrangés ou remplacés sans changer leur raison d'être.

Exemple : la page couverture d'un dictionnaire présente un arrière-plan estompé et constitué de mots choisis au hasard.

technologie d'assistance (tel qu'utilisé dans ce document)

matériel ou logiciel qui agit comme agent utilisateur ou simultanément avec un agent utilisateur usuel afin de fournir des fonctionnalités répondant aux besoins des utilisateurs ayant des limitations fonctionnelles, fonctionnalités qui vont au-delà de celles qui sont offertes par les agents utilisateurs usuels

Note 1 : les fonctionnalités fournies par les technologies d'assistance comprennent des présentations de remplacement (par exemple de la synthèse vocale ou du contenu agrandi), des méthodes de saisie alternatives (par exemple la voix), des mécanismes de navigation ou d'orientation supplémentaires et des transformations de contenu (par exemple pour rendre un tableau plus accessible).

Note 2 : les technologies d'assistance communiquent souvent les données et les messages aux agents utilisateurs usuels en utilisant et en surveillant le fonctionnement d'une API (interface de programmation).

Note 3 : la distinction entre agents utilisateurs usuels et technologies d'assistance n'est pas absolue. Plusieurs agents utilisateurs usuels comportent des fonctions d'assistance aux utilisateurs ayant des limitations fonctionnelles. La principale différence est que ces agents utilisateurs usuels visent un public large et diversifié qui comprend des personnes avec et sans limitations fonctionnelles. Les technologies d'assistance visent des populations plus restreintes d'utilisateurs ayant des limitations fonctionnelles particulières. L'assistance fournie par une technologie d'assistance est plus spécifique et appropriée aux besoins des utilisateurs visés. Un agent utilisateur usuel peut comporter des fonctionnalités importantes pour les technologies d'assistance comme l'extraction du contenu Web à partir d'objets de programmation ou l'analyse syntaxique du balisage par paquets identifiables.

Exemple : les technologies d'assistance qui sont importantes dans le contexte du présent document comprennent les technologies suivantes :

• les agrandisseurs d'écran et les autres assistants de lecture visuelle qui sont utilisés par les personnes ayant des limitations de la vision, de la perception ou d'accès physique à l'imprimé pour modifier la police de caractères, la taille, l'espacement, la couleur, la synchronisation avec la synthèse vocale, etc. dans le but d'améliorer la lisibilité visuelle du rendu des textes et des images ;

• les lecteurs d'écran qui sont utilisés par les personnes aveugles pour lire l'information textuelle en synthèse vocale ou en braille ;

• les logiciels de conversion du texte en parole qui sont utilisés par certaines personnes ayant des limitations cognitives, des limitations du langage et des difficultés d'apprentissage pour convertir le texte en synthèse vocale ;

• les logiciels de reconnaissance vocale qui peuvent être utilisés par les personnes ayant certaines limitations motrices ;

• des claviers de remplacement qui sont utilisés par des personnes ayant certaines limitations motrices pour simuler le clavier (y compris des claviers de remplacement qui utilisent des pointeurs de tête, des commutateurs simples, des dispositifs d'aspiration/expiration et d'autres dispositifs spéciaux d'aide à la saisie.) ;

• des dispositifs de pointage adaptés qui sont utilisés par des personnes ayant certaines limitations motrices pour simuler le pointeur de la souris et l'activation des boutons.

texte

séquence de caractères pouvant être déterminée par un programme informatique et exprimant quelque chose dans une langue donnée

Média temporel :
Comprendre la règle 1.2

Règle 1.2 : proposer des versions de remplacement aux médias temporels.

Exemples pour le critère de succès 1.2.1

• L'enregistrement audio d'un discours

  Le lien vers un clip audio dit : « Le président s'adresse à l'assemblée. » Un lien vers une transcription textuelle est placé immédiatement après le lien vers le clip audio.

• Un enregistrement audio d'une conférence de presse

  Une page Web comporte un lien vers l'enregistrement audio d'une conférence de presse. Le libellé du lien identifie l'enregistrement audio. La page offre aussi un lien vers une transcription textuelle de la conférence de presse. La transcription inclut le verbatim de tout ce que disent les intervenants. Elle identifie la personne qui parle et note aussi tout bruit significatif qui fait partie de l'enregistrement comme les applaudissements, les rires, les questions du public et ainsi de suite.

• Une animation qui illustre le fonctionnement d'un moteur de voiture

  Une animation montre comment fonctionne le moteur d'une voiture. Il n'y a pas de piste audio et l'animation fait partie d'un tutoriel qui décrit le fonctionnement d'un moteur. Étant donné que le texte du tutoriel donne déjà une explication complète, l'image est un équivalent pour le texte et l'équivalent textuel inclut seulement une brève description de l'animation et réfère au texte du tutoriel pour plus d'information.

• Un fichier seulement vidéo avec une piste audio

  Un film muet inclut une piste audio qui comprend une description de l'action dans la vidéo.

Techniques et échecs pour le critère de succès 1.2.1 - Contenu seulement audio ou vidéo (pré-enregistré)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

média de remplacement pour un texte

média qui ne donne pas plus d'information que ce que donne le texte (directement ou via un équivalent textuel)

Note : une version de remplacement pour un texte est fournie à ceux qui bénéficient de représentations équivalentes du texte. Les versions de remplacement de texte peuvent n'être que seulement audio, que seulement vidéo (y compris la vidéo en langue des signes) ou audio-vidéo.

pré-enregistré

information qui n'est pas diffusée en direct

seulement audio

une présentation temporelle qui contient seulement de l'audio (sans vidéo ni interaction)

seulement vidéo

une présentation temporelle qui ne contient que de la vidéo (aucun flux audio ni aucune interaction)

version de remplacement pour un média temporel

document renfermant dans un ordre correct une description des contenus visuels et sonores d'un média temporel et fournissant un moyen de réaliser les effets de toute interaction temporelle

Note : un scénario utilisé pour créer le contenu d'un média synchronisé serait conforme à cette définition seulement s'il a été corrigé afin de représenter fidèlement la version finale du média synchronisé après édition.

Exemples pour le critère de succès 1.2.2

• Un tutoriel sous-titré

  Un clip vidéo montre comment faire un nœud. Les sous-titres indiquent :

  « (musique)

  Utiliser une corde pour faire des nœuds était une compétence importante

  pour des gens comme les marins, les soldats et les menuisiers… »

  Extrait d’une mise en forme d’un exemple de transcription par Whit Anderson.

• Un document juridique complexe contient des clips sous forme de média synchronisé pour les différents articles, montrant une personne récitant les contenus de l’article. Chaque clip est associé avec l’article correspondant. Aucun sous-titre n’est fourni pour le média synchronisé.

• Une notice contenant la description d’un élément et son orientation requise est accompagnée d’un clip sous forme de média synchronisé présentant l’élément et sa position correcte. Aucun sous-titre n’est fourni pour le clip sous forme de média synchronisé.

Techniques et échecs pour le critère de succès 1.2.2 - Sous-titres (pré-enregistré)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

audio

la technologie de reproduction des sons

Note : le son peut être créé de façon synthétique (y compris la synthèse vocale), être enregistré à partir de sons réels ou les deux.

média de remplacement pour un texte

média qui ne donne pas plus d'information que ce que donne le texte (directement ou via un équivalent textuel)

Note : une version de remplacement pour un texte est fournie à ceux qui bénéficient de représentations équivalentes du texte. Les versions de remplacement de texte peuvent n'être que seulement audio, que seulement vidéo (y compris la vidéo en langue des signes) ou audio-vidéo.

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

pré-enregistré

information qui n'est pas diffusée en direct

sous-titres

visuel synchronisé ou équivalent textuel pour l'information audio avec ou sans parole nécessaire à la compréhension du contenu d'un média

Note 1 : les sous-titres (en anglais captions) sont similaires à ceux qui sont utilisés seulement pour les dialogues (en anglais subtitles) sauf que les sous-titres ne communiquent pas seulement le contenu des dialogues parlés mais aussi des équivalents pour les informations audio autres que le dialogue et nécessaires à la compréhension du contenu du programme, y compris les effets sonores, la musique, les rires, l'identification et le positionnement des interlocuteurs.

Note 2 : les sous-titres codés sont de la même espèce mais peuvent être activés ou désactivés dans certains lecteurs multimédia.

Note 3 : les sous-titres visibles sont des sous-titres qui ne peuvent être désactivés. Par exemple, si les sous-titres sont un équivalent visuel en texte sous forme d'image intégré à la vidéo.

Note 4 : les sous-titres ne devraient pas masquer l'information pertinente de la vidéo, même partiellement.

Note 5 : dans certaines langues comme l'anglais on distingue entre caption et subtitles, le terme caption étant parfois traduit en français par sous-titres pour malentendants.

Note 6 : l'audio-description peut aussi être sous-titrée, mais n'a pas besoin de l'être, étant donné qu'il s'agit d'une description d'information qui est déjà présentée visuellement.

Exemples pour le critère de succès 1.2.3

• Un film avec audio-description.

  Le narrateur : Un titre, « Étude de cas sur l'enseignement de l'évolution. Bonnie Chen. », un professeur montre des photographies d'oiseaux avec des becs longs et fins.

  Bonnie Chen : « Ces photos ont toutes été prises dans les Everglades. »

  Le narrateur : Le professeur donne à chaque étudiant deux bâtons de bois plats et fins.

  Bonnie Chen : « Aujourd'hui, vous allez faire comme si vous étiez une espèce d'échassier avec un bec comme celui-ci. »

  Le narrateur : Le professeur tient deux des bâtons de bois près de sa bouche en imitant la forme du bec.

  La transcription du contenu audio se basant sur les premières minutes de « Teaching Evolution Case Studies, Bonnie Chen » (Étude de cas sur l'enseignement de l'évolution. Bonnie Chen (en anglais)) (copyright WGBH et Clear Blue Sky Productions, Inc.)

• Version de remplacement pour un média temporel pour une vidéo de formation

  Une entreprise achète une vidéo de formation pour qu'elle soit utilisée par ses employés et la met en place sur l'intranet des sociétés. La vidéo implique une explication de l'utilisation d'une nouvelle technologie et montre une personne en train de parler et démontrer des choses en même temps. Puisqu'il n'y a pas de place pour insérer l'audio-description des démonstrations visuelles pendant les blancs dans le dialogue, l'entreprise fournit une version de remplacement pour un média temporel que tous les employés, y compris ceux qui ne peuvent pas voir les présentations, peuvent utiliser pour mieux comprendre ce qui est présenté.

Techniques et échecs pour le critère de succès 1.2.3 - Audio-description ou version de remplacement pour un média temporel (pré-enregistré)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

audio-description

narration ajoutée à une piste sonore pour décrire les détails visuels importants qui ne peuvent être compris à partir de la piste sonore principale seulement

Note 1 : l'audio-description d'une vidéo fournit de l'information à propos des actions, des personnages, des changements de scènes, du texte apparaissant à l'écran et d'autres contenus visuels.

Note 2 : dans une audio-description standard, la narration est ajoutée durant les pauses qui existent dans le dialogue. (Voir aussi audio-description étendue.)

Note 3 : lorsque toute l'information de la vidéo est déjà donnée dans la piste audio, aucune audio-description supplémentaire n'est requise.

Note 4 : aussi nommée « vidéo-description » et « narration descriptive ».

média de remplacement pour un texte

média qui ne donne pas plus d'information que ce que donne le texte (directement ou via un équivalent textuel)

Note : une version de remplacement pour un texte est fournie à ceux qui bénéficient de représentations équivalentes du texte. Les versions de remplacement de texte peuvent n'être que seulement audio, que seulement vidéo (y compris la vidéo en langue des signes) ou audio-vidéo.

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

pré-enregistré

information qui n'est pas diffusée en direct

version de remplacement pour un média temporel

document renfermant dans un ordre correct une description des contenus visuels et sonores d'un média temporel et fournissant un moyen de réaliser les effets de toute interaction temporelle

Note : un scénario utilisé pour créer le contenu d'un média synchronisé serait conforme à cette définition seulement s'il a été corrigé afin de représenter fidèlement la version finale du média synchronisé après édition.

vidéo

la technologie des images ou photos en mouvement ou en séquence

Note : une vidéo peut être constituée d'images fixes ou animées ou des deux.

Exemples pour le critère de succès 1.2.4

• Une vidéo diffusée sur Internet

  Le journal d'une association fournit une vidéo sous-titrée, diffusée en direct, sur Internet.

Techniques et échecs pour le critère de succès 1.2.4 - Sous-titres (en direct)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

audio

la technologie de reproduction des sons

Note : le son peut être créé de façon synthétique (y compris la synthèse vocale), être enregistré à partir de sons réels ou les deux.

en direct

information captée depuis un événement du monde réel et transmise à un récepteur sans autre délai que celui de la diffusion

Note 1 : le délai de diffusion est un court délai souvent automatisé, utilisé par exemple pour permettre aux diffuseurs de mettre en liste d'attente ou de censurer le flux sonore (ou vidéo), mais insuffisant pour permettre un montage significatif.

Note 2 : si l'information est totalement générée par ordinateur il ne s'agit pas d'information en direct.

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

sous-titres

visuel synchronisé ou équivalent textuel pour l'information audio avec ou sans parole nécessaire à la compréhension du contenu d'un média

Note 1 : les sous-titres (en anglais captions) sont similaires à ceux qui sont utilisés seulement pour les dialogues (en anglais subtitles) sauf que les sous-titres ne communiquent pas seulement le contenu des dialogues parlés mais aussi des équivalents pour les informations audio autres que le dialogue et nécessaires à la compréhension du contenu du programme, y compris les effets sonores, la musique, les rires, l'identification et le positionnement des interlocuteurs.

Note 2 : les sous-titres codés sont de la même espèce mais peuvent être activés ou désactivés dans certains lecteurs multimédia.

Note 3 : les sous-titres visibles sont des sous-titres qui ne peuvent être désactivés. Par exemple, si les sous-titres sont un équivalent visuel en texte sous forme d'image intégré à la vidéo.

Note 4 : les sous-titres ne devraient pas masquer l'information pertinente de la vidéo, même partiellement.

Note 5 : dans certaines langues comme l'anglais on distingue entre caption et subtitles, le terme caption étant parfois traduit en français par sous-titres pour malentendants.

Note 6 : l'audio-description peut aussi être sous-titrée, mais n'a pas besoin de l'être, étant donné qu'il s'agit d'une description d'information qui est déjà présentée visuellement.

Exemples pour le critère de succès 1.2.5

• Un film avec audio-description.

  Le narrateur : Un titre, « Étude de cas sur l'enseignement de l'évolution. Bonnie Chen. », un professeur montre des photographies d'oiseaux avec des becs longs et fins.

  Bonnie Chen : « Ces photos ont toutes été prises dans les Everglades. »

  Le narrateur : Le professeur donne à chaque étudiant deux bâtons de bois plats et fins.

  Bonnie Chen : « Aujourd'hui, vous allez faire comme si vous étiez une espèce d'échassier avec un bec comme celui-ci. »

  Le narrateur : Le professeur tient deux des bâtons de bois près de sa bouche en imitant la forme du bec.

  La transcription du contenu audio se basant sur les premières minutes de « Teaching Evolution Case Studies, Bonnie Chen » Étude de cas sur l'enseignement de l'évolution. Bonnie Chen (en anglais) (copyright WGBH et Clear Blue Sky Productions, Inc.)

Techniques et échecs pour le critère de succès 1.2.5 - Audio-description (pré-enregistrée)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

audio-description

narration ajoutée à une piste sonore pour décrire les détails visuels importants qui ne peuvent être compris à partir de la piste sonore principale seulement

Note 1 : l'audio-description d'une vidéo fournit de l'information à propos des actions, des personnages, des changements de scènes, du texte apparaissant à l'écran et d'autres contenus visuels.

Note 2 : dans une audio-description standard, la narration est ajoutée durant les pauses qui existent dans le dialogue. (Voir aussi audio-description étendue.)

Note 3 : lorsque toute l'information de la vidéo est déjà donnée dans la piste audio, aucune audio-description supplémentaire n'est requise.

Note 4 : aussi nommée « vidéo-description » et « narration descriptive ».

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

pré-enregistré

information qui n'est pas diffusée en direct

vidéo

la technologie des images ou photos en mouvement ou en séquence

Note : une vidéo peut être constituée d'images fixes ou animées ou des deux.

Exemples pour le critère de succès 1.2.6

• Exemple 1. Une société fait une annonce importante à tous ses employés. La réunion aura lieu au siège social et sera diffusée sur le Web. Un interprète en langue des signes est mis à disposition sur le lieu de la réunion. La vidéo, en direct, inclut la vue totale sur l'interprète en langue des signes ainsi que la personne qui présente.

• Exemple 2. La même annonce décrite dans l'exemple 1 est aussi diffusée sur internet aux employés éloignés. Puisqu'il n'y a qu'un écran réservé pour cela, l'interprète en langue des signes est montré dans un coin de l'écran.

• Exemple 3. Une université fournit une version en ligne d'un cours magistral particulier en créant une présentation sous forme de média synchronisé du professeur donnant son cours. La présentation comprend la vidéo du professeur parlant et faisant la démonstration d'une expérience scientifique. Une interprétation en langue des signes du cours est créée et présentée sur le Web avec la version sous forme de média synchronisé.

Techniques et échecs pour le critère de succès 1.2.6 - Langue des signes (pré-enregistrée)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

audio

la technologie de reproduction des sons

Note : le son peut être créé de façon synthétique (y compris la synthèse vocale), être enregistré à partir de sons réels ou les deux.

interprétation en langue des signes

traduction d'une langue, généralement parlée, en langue des signes

Note : les véritables langues des signes sont des langues indépendantes qui ne sont pas attachées à la langue parlée de la même région ou du même pays.

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

pré-enregistré

information qui n'est pas diffusée en direct

Exemples pour le critère de succès 1.2.7

• Exemple 1. Vidéo d'un cours. Un professeur de physique donne un cours. Il fait des esquisses à main levée sur le tableau blanc, parlant rapidement tout en dessinant. Dès qu'il a terminé d'évoquer un problème, il efface son dessin et fait une autre esquisse, tout en continuant de parler et de faire un geste de son autre main. La vidéo est mise en pause entre les problèmes et l'audio-description des dessins et des gestes du professeur est fournie ; la vidéo est ensuite relancée.

Techniques et échecs pour le critère de succès 1.2.7 - Audio-description étendue (pré-enregistrée)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

audio-description

narration ajoutée à une piste sonore pour décrire les détails visuels importants qui ne peuvent être compris à partir de la piste sonore principale seulement

Note 1 : l'audio-description d'une vidéo fournit de l'information à propos des actions, des personnages, des changements de scènes, du texte apparaissant à l'écran et d'autres contenus visuels.

Note 2 : dans une audio-description standard, la narration est ajoutée durant les pauses qui existent dans le dialogue. (Voir aussi audio-description étendue.)

Note 3 : lorsque toute l'information de la vidéo est déjà donnée dans la piste audio, aucune audio-description supplémentaire n'est requise.

Note 4 : aussi nommée « vidéo-description » et « narration descriptive ».

audio-description étendue

audio-description ajoutée à une présentation audiovisuelle en mettant en pause la vidéo de manière à avoir le temps d'ajouter des descriptions supplémentaires

Note : cette technique est à utiliser seulement si le sens de la vidéo est perdu sans audio-description supplémentaire et que les pauses entre les dialogues ou la narration sont trop courtes.

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

pré-enregistré

information qui n'est pas diffusée en direct

vidéo

la technologie des images ou photos en mouvement ou en séquence

Note : une vidéo peut être constituée d'images fixes ou animées ou des deux.

Exemples pour le critère de succès 1.2.8

• Exemple 1. version de remplacement pour un média temporel d'une vidéo de formation

  Un centre de loisir achète une vidéo de formation pour qu'elle soit utilisée par ses clients et la met sur l'intranet du centre. Cette vidéo implique une explication de l'utilisation d'une nouvelle technologie et montre une personne parlant et montrant des choses en même temps. Le centre de loisir fournit une version de remplacement pour un média temporel que tous ses clients, en incluant ceux qui ne peuvent ni voir les démonstrations, ni entendre les explications contenues dans le média synchronisé, peuvent utiliser pour mieux comprendre ce qui leur est présenté.

Techniques et échecs pour le critère de succès 1.2.8 - version de remplacement pour un média temporel (pré-enregistrée)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

média de remplacement pour un texte

média qui ne donne pas plus d'information que ce que donne le texte (directement ou via un équivalent textuel)

Note : une version de remplacement pour un texte est fournie à ceux qui bénéficient de représentations équivalentes du texte. Les versions de remplacement de texte peuvent n'être que seulement audio, que seulement vidéo (y compris la vidéo en langue des signes) ou audio-vidéo.

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

pré-enregistré

information qui n'est pas diffusée en direct

vidéo

la technologie des images ou photos en mouvement ou en séquence

Note : une vidéo peut être constituée d'images fixes ou animées ou des deux.

Exemples pour le critère de succès 1.2.9

• Une agence de relations publiques utilise un service de sous-titres en ligne pour couvrir des événements en direct ; les données de sortie du service sont incorporées dans un sous-cadre de la page web, incluant un contrôle du flux audio en continu.

• Une pièce de radio en direct d'un groupe de théâtre alternatif est diffusée sur le web. Les acteurs se conformant largement à un script défini et le budget pour le programme étant réduit, les producteurs fournissent un lien (avec la permission de l'auteur) vers le script de la pièce.

• Un serveur de flux continu (streaming) audio utilise un format de média qui peut également contenir du texte et des graphiques, tel que Flash ou Silverlight. Un sténographe est employé pour créer des sous-titres en direct lors d'un évènement et ceux-ci sont mélangés à la volée pour produire des sous-titres en direct dans le flux du média qui peuvent être vus dans le lecteur de média.

• Un président-directeur-général doit transmettre un communiqué de presse par téléphone aux médias, en réponse à une actualité dans un flash info, l'audio va être enregistré et transféré en flux continu (stream) sur internet, mais, du fait de la contrainte de temps, un service de sous-titrage web ne pourra pas être mis en place. Puisque le communiqué de presse est une déclaration établie à l'avance que le président-directeur-général lira à haute voix, la société fournit simultanément la transcription du communiqué.

Techniques et échecs pour le critère de succès 1.2.9 - Seulement audio (en direct)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

en direct

information captée depuis un événement du monde réel et transmise à un récepteur sans autre délai que celui de la diffusion

Note 1 : le délai de diffusion est un court délai souvent automatisé, utilisé par exemple pour permettre aux diffuseurs de mettre en liste d'attente ou de censurer le flux sonore (ou vidéo), mais insuffisant pour permettre un montage significatif.

Note 2 : si l'information est totalement générée par ordinateur il ne s'agit pas d'information en direct.

seulement audio

une présentation temporelle qui contient seulement de l'audio (sans vidéo ni interaction)

version de remplacement pour un média temporel

document renfermant dans un ordre correct une description des contenus visuels et sonores d'un média temporel et fournissant un moyen de réaliser les effets de toute interaction temporelle

Note : un scénario utilisé pour créer le contenu d'un média synchronisé serait conforme à cette définition seulement s'il a été corrigé afin de représenter fidèlement la version finale du média synchronisé après édition.

Adaptable :
Comprendre la règle 1.3

Règle 1.3 : créer un contenu qui puisse être présenté de différentes manières sans perte d'information ni de structure (par exemple avec une mise en page simplifiée).

Exemples du critère de succès 1.3.1

• Un formulaire avec des champs obligatoires

  Un formulaire contient plusieurs champs obligatoires. Les étiquettes pour les champs obligatoires sont affichées en rouge. En outre, à la fin de chaque étiquette on trouve un astérisque, *. Les instructions pour remplir le formulaire indiquent que « tous les champs obligatoires sont affichés en rouge et marqués d'un astérisque « * », consigne qui est suivie d'un exemple.

• Un formulaire qui utilise la couleur et du texte pour indiquer les champs obligatoires

  Un formulaire contient à la fois des champs obligatoires et optionnels. Les instructions figurant au début du formulaire expliquent que les champs obligatoires sont marqués avec du texte en rouge ainsi qu'avec une icône dont l'équivalent textuel dit « obligatoire ». Tant le texte en rouge que l'icône sont associés par programmation au champ de formulaire approprié afin que les utilisateurs d'une technologie d'assistance puissent déterminer les champs obligatoires.

• Un horaire d'autobus présenté sous forme de tableau où les en-têtes de chaque cellule peuvent être déterminés par un programme informatique

  Un horaire de bus consiste en un tableau présentant les arrêts de bus à la verticale dans la première colonne et les différents bus énumérés horizontalement dans la première rangée. Chaque cellule contient le moment où le bus sera à l'arrêt. Les arrêts de bus et les cellules des différents bus sont identifiés comme des en-têtes de la rangée ou de la colonne correspondante de telle sorte que la technologie d'assistance puisse déterminer par programmation quel bus et quel arrêt de bus sont associés dans chaque cellule.

• Un formulaire où les étiquettes des cases à cocher peuvent être déterminées par un programme informatique

  Dans un formulaire, l'étiquette de chaque case à cocher peut être déterminée par programmation par la technologie d'assistance.

• Un document texte

  Un simple document texte est mis en forme avec deux lignes vides avant les titres, des astérisques pour indiquer les éléments de liste et d'autres conventions de mise en forme standard si bien que sa structure peut être déterminée par un programme informatique.

Techniques et échecs pour le critère de succès 1.3.1 - Information et relations

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

déterminé (déterminable) par un programme informatique

déterminé par un programme à partir de données fournies par l'auteur d'une manière qui permet aux agents utilisateurs, y compris les technologies d'assistance, d'extraire et de présenter cette information aux utilisateurs sous différentes formes

Exemple 1 : déterminé dans un langage de balisage à partir d'éléments et d'attributs auxquels on accède grâce aux technologies d'assistance couramment disponibles.

Exemple 2 : déterminé grâce à des structures de données spécifiques d'une technologie pour un langage non-balisé et exposée aux technologies d'assistance via une API d'accessibilité aux technologies d'assistance couramment disponibles.

présentation

rendu du contenu sous une forme perceptible par l'utilisateur

relations

associations significatives entre des parties distinctes du contenu

structure

1. La manière dont les parties d'une page Web sont organisées entre elles ; et

2. La manière dont un groupe de pages Web est organisé

Exemples pour le critère de succès 1.3.2

• Exemple 1 : dans un document multi-colonnes, la présentation linéaire du flux de contenu à partir du haut d'une colonne vers le bas de celle-ci, puis le haut de la colonne suivante.

• Exemple 2 : la feuille de style CSS est utilisée pour placer sur une page une barre de navigation, le contenu principal et un contenu secondaire. La présentation visuelle des sections ne correspond pas à l'ordre déterminé par un programme informatique, mais le sens de la page ne dépend pas de l'ordre des sections.

Techniques et échecs pour le critère de succès 1.3.2 - Ordre séquentiel logique

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

déterminé (déterminable) par un programme informatique

déterminé par un programme à partir de données fournies par l'auteur d'une manière qui permet aux agents utilisateurs, y compris les technologies d'assistance, d'extraire et de présenter cette information aux utilisateurs sous différentes formes

Exemple 1 : déterminé dans un langage de balisage à partir d'éléments et d'attributs auxquels on accède grâce aux technologies d'assistance couramment disponibles.

Exemple 2 : déterminé grâce à des structures de données spécifiques d'une technologie pour un langage non-balisé et exposée aux technologies d'assistance via une API d'accessibilité aux technologies d'assistance couramment disponibles.

ordre de lecture correct

tout ordre séquentiel où les mots et les paragraphes sont présentés dans un ordre qui ne modifie pas la signification du contenu

Exemples pour le critère de succès 1.3.3

• Exemple 1 : un calendrier de compétitions utilise la couleur et la forme afin de distinguer l'heure de chaque événement

  Un tableau présente une liste des heures sur la ligne supérieure et une liste des événements dans la première colonne verticale. La cellule correspondant à l'heure d'un événement particulier, a une couleur de fond spécifique et un symbole en forme de diamant afin qu'il puisse être identifié par la couleur et la forme.

• Exemple 2 : un questionnaire en ligne de plusieurs pages

  Un questionnaire en ligne de plusieurs pages utilise une icône de flèche verte placée dans le coin inférieur droit et servant de lien pour passer d'une page de questionnaire à la suivante. La flèche est clairement étiquetée avec « Page suivante » et les instructions sont énoncées comme suit : « pour aller à la section suivante de l'enquête, sélectionnez l'icône de la flèche verte marquée « Page suivante » en bas à droite sous la dernière question du sondage. » Cet exemple utilise à la fois le positionnement, la couleur et l'étiquetage pour aider à identifier l'icône.

Techniques et échecs pour le critère de succès 1.3.3 - Caractéristiques sensorielles

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Distinguable :
Comprendre la règle 1.4

Règle 1.4 : faciliter la perception visuelle et auditive du contenu par l'utilisateur, notamment en séparant le premier plan de l'arrière-plan.

Exemples pour le critère de succès 1.4.1

• Un formulaire qui utilise la couleur et du texte pour indiquer les champs obligatoires

  Un formulaire contient à la fois des champs obligatoires et optionnels. Des instructions au début du formulaire expliquent que les champs obligatoires sont marqués avec du texte en rouge et aussi avec une icône dont l'équivalent textuel est « Obligatoire ». Le texte en rouge et l'icône sont associés par programmation aux champs appropriés afin que les technologies d'assistance des utilisateurs puissent déterminer les champs obligatoires.

• Un examen.

  Des étudiants visionnent une image SVG d'un composé chimique et identifient les éléments chimiques présents à partir des couleurs utilisées sur le diagramme. Les équivalents textuels associés à chaque élément nomment la couleur de l'élément et indiquent la position des éléments sur le diagramme. Les étudiants qui ne peuvent pas percevoir les couleurs ont les mêmes informations à propos du composé que leurs camarades de classe. (Cette technique permet également de satisfaire la règle 1.1 niveau A.)

• Éléments de formulaire désactivés.

  Les éléments de formulaire qui sont désactivés par le balisage ou des scripts sont grisés et rendus inactifs par l'agent utilisateur. Lorsqu'ils sont à l'état désactivé ces éléments ne reçoivent pas le focus. Les technologies d'assistance peuvent déterminer par programme l'état des éléments désactivés et fournir cette information à l'utilisateur lorsque les éléments sont rencontrés sur la page. Le changement de couleur et la perte de focus fournissent une information visuelle redondante sur l'état de l'élément.

Techniques et échecs pour le critère de succès 1.4.1 - Utilisation de la couleur

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Exemples pour le critère de succès 1.4.2

• Un fichier audio est lu automatiquement lorsqu'une page est ouverte. Toutefois, l'audio peut être interrompu par l'utilisateur en sélectionnant un lien « muet » en haut de la page.

• Une page de garde Flash avec du son qui se joue et puis s'arrête en moins de 3 secondes.

• Une page de garde Flash avec du son qui se joue automatiquement possède un contrôle en haut qui permet aux utilisateurs de désactiver le son.

Techniques et échecs pour le critère de succès 1.4.2 - Contrôle du son

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

mécanisme

processus ou technique pour obtenir un résultat

Note 1 : le mécanisme peut être explicitement fourni par le contenu ou dépendre de la plateforme ou de l'agent utilisateur, y compris les technologies d'assistance.

Note 2 : le mécanisme doit satisfaire à tous les critères de succès (d'un niveau donné) pour déclarer un niveau de conformité.

Exemples pour le critère de succès 1.4.3

(Aucun exemple n'est actuellement documenté)

Techniques et échecs pour le critère de succès 1.4.3 - Contraste (minimum)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

(texte) agrandi

avec au minimum 18 points ou 14 points gras ou une taille de caractère équivalente pour les polices chinoises, japonaises ou coréennes (CJK)

Note 1 : les polices avec des traits extraordinairement fins ou des aspects et des caractéristiques inhabituels qui réduisent la reconnaissance de la forme des lettres sont plus difficiles à lire, spécialement à des niveaux de contrastes bas.

Note 2 : la taille de caractère est la taille lorsque le contenu est affiché. Cela n'inclut pas le redimensionnement qui pourrait être fait par l'utilisateur.

Note 3 : la taille réelle des caractères qu'un utilisateur voit est dépendante à la fois de la définition de la taille faite par l'auteur, du périphérique de restitution de l'utilisateur ou du paramétrage de l'agent utilisateur. Pour la majorité des polices de corps de texte, 14 et 18 points est sensiblement équivalent à 1,2 et 1,5 em ou à 120% et 150% de la taille par défaut du corps de texte (en considérant que la police de corps est à 100%), mais les auteurs seraient tenus de vérifier cela pour les polices particulières qui seraient utilisées. Quand les polices sont définies en unités relatives, la taille réelle du point est mesurée par l'agent utilisateur pour l'affichage. La taille d'un point doit être obtenue auprès de l'agent utilisateur ou calculée sur la même base de mesure que celle de l'agent utilisateur, lors de l'évaluation de ce critère de succès. Les utilisateurs qui ont une basse vision auront à choisir les paramètres appropriés.

Note 4 : lors de l'utilisation de texte sans spécification de taille de caractère, la taille la plus petite utilisée dans les principaux navigateurs pour le texte dont la taille n'est pas spécifiée serait considérée comme une taille raisonnable pour la police. Si un titre de niveau 1 est restitué en 14pt gras ou plus sur les principaux navigateurs, alors il est raisonnable de considérer qu'il s'agit de texte agrandi. Le redimensionnement relatif peut être calculé de manière identique à partir de la taille par défaut.

Note 5 : la taille 18 ou 14 points pour les textes en alphabet latin est définie à partir de la taille minimum pour les grands caractères (14pt) et de la taille standard plus grande (18pt). Pour les autres polices telles que les langues CJK, les tailles « équivalentes » seraient la taille de grand caractère minimum utilisée pour ces langues et la taille de grands caractères plus grande suivante.

composant d'interface utilisateur

partie du contenu qui est perçue par les utilisateurs comme un élément de contrôle unique pour une fonction distincte

Note 1 : plusieurs composants d'interface utilisateur peuvent être implémentés au sein d'un seul programme. La notion de composant n'est pas liée ici aux techniques de programmation, mais plutôt à ce que les utilisateurs perçoivent comme des éléments de contrôle distincts.

Note 2 : les composants d'interface utilisateur incluent les éléments de formulaire et les liens aussi bien que des composants générés par scripts.

Exemple : un microprogramme (applet) dispose d'un « élément de contrôle » permettant de se déplacer dans le contenu ligne par ligne, page par page ou au hasard. Puisque chacune de ces fonctions devrait avoir un nom et fonctionner indépendamment, elles constitueraient chacune un « composant d'interface utilisateur ».

purement décoratif

utilisé seulement dans un but esthétique, ne fournissant aucune information et n'ayant aucune fonctionnalité

Note : un texte est purement décoratif si les mots peuvent être réarrangés ou remplacés sans changer leur raison d'être.

Exemple : la page de couverture d'un dictionnaire présente un arrière-plan estompé et constitué de mots choisis au hasard.

rapport de contraste

(L1 + 0,05) / (L2 + 0,05), où

• L1 est la luminosité relative de la couleur la plus claire et

• L2 est la luminosité relative de la couleur la plus sombre.

Note 1 : le rapport de contraste peut varier de 1 à 21 (communément écrit 1:1, 1 pour 1, à 21:1, 21 pour 1).

Note 2 : étant donné que les auteurs ne contrôlent pas la configuration de l'utilisateur concernant le rendu du texte (par exemple le lissage de police ou l'anti-crénelage), le rapport de contraste du texte peut être évalué en désactivant l'anti-crénelage.

Note 3 : en ce qui concerne les critères de succès 1.4.3 et 1.4.6, le contraste est mesuré en tenant compte de l'arrière-plan sur lequel le texte est normalement affiché. Si aucune couleur d'arrière-plan n'est spécifiée, il est considéré comme blanc.

Note 4 : la couleur d'arrière-plan est la couleur spécifiée du contenu sur lequel le texte est normalement affiché. Il est considéré comme une erreur de ne pas définir une couleur d'arrière-plan lorsque la couleur du texte est spécifiée, parce que la couleur d'arrière-plan de l'utilisateur est inconnue et ne peut donc pas être évaluée pour vérifier si le contraste est suffisant. Pour la même raison, il est aussi considéré comme une erreur de ne pas définir la couleur du texte lorsqu'une couleur d'arrière-plan est spécifiée.

Note 5 : lorsqu'il y a une bordure autour de la lettre, la bordure peut augmenter le contraste et serait utilisée dans le calcul du contraste entre la lettre et son arrière-plan. La couleur d'une bordure étroite autour de la lettre serait utilisée à la place de la lettre. Une bordure large autour de la lettre qui remplit l'espace dans lequel se découpe le détail de la lettre agit comme un halo et serait considérée comme un arrière-plan.

Note 6 : la conformité aux WCAG devrait être évaluée pour les paires de couleurs spécifiées dans le contenu qu'un auteur s'attendrait à voir apparaître de façon adjacente dans une présentation habituelle. Les auteurs n'ont pas besoin de prendre en considération les présentations inhabituelles comme les changements de couleurs faits par l'agent utilisateur sauf si ces changements sont provoqués par le code de l'auteur.

texte

séquence de caractères pouvant être déterminée par un programme informatique, et exprimant quelque chose dans une langue donnée

texte sous forme d'image

texte qui est restitué sous une forme non textuelle (par exemple une image) dans le but de permettre un effet visuel particulier

Note : cela n'inclut pas le texte qui est une partie d'une image qui contient d'autres contenus visuels signifiants.

Exemple : le nom d'une personne sur un badge dans une photographie.

Exemples pour le critère de succès 1.4.4

• Sur un navigateur, une utilisatrice avec une limitation visuelle augmente la taille du texte d'une page Web de 1 em à 1,2 em. Alors que l'utilisatrice ne pouvait pas lire le texte avec la plus petite taille, elle peut le faire sur le texte agrandi. Toute l'information présente sur la page reste affichée lorsque la grande taille de caractères est utilisée pour le texte.

• Une page Web contient un élément de contrôle pour changer le niveau de zoom de la page. Sélectionner différentes options change la mise en page pour utiliser le graphisme le plus adapté au niveau de zoom utilisé.

• Un utilisateur utilise la fonction zoom de son navigateur pour changer la taille du contenu. Tout le contenu se redimensionne uniformément et l'agent utilisateur affiche des barres de défilement si nécessaire.

Techniques et échecs pour le critère de succès 1.4.4 - Redimensionnement du texte

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

sous-titres

visuel synchronisé ou équivalent textuel pour l'information audio avec ou sans parole nécessaire à la compréhension du contenu d'un média

Note 1 : les sous-titres (en anglais captions) sont similaires à ceux qui sont utilisés seulement pour les dialogues (en anglais subtitles) sauf que les sous-titres ne communiquent pas seulement le contenu des dialogues parlés mais aussi des équivalents pour les informations audio autres que le dialogue et nécessaires à la compréhension du contenu du programme, y compris les effets sonores, la musique, les rires, l'identification et le positionnement des interlocuteurs.

Note 2 : les sous-titres codés sont de la même espèce mais peuvent être activés ou désactivés dans certains lecteurs multimédia.

Note 3 : les sous-titres visibles sont des sous-titres qui ne peuvent être désactivés. Par exemple, si les sous-titres sont un équivalent visuel en texte sous forme d'image intégré à la vidéo.

Note 4 : les sous-titres ne devraient pas masquer l'information pertinente de la vidéo, même partiellement.

Note 5 : dans certaines langues comme l'anglais on distingue entre caption et subtitles, le terme caption étant parfois traduit en français par sous-titres pour malentendants.

Note 6 : l'audio-description peut aussi être sous-titrée, mais n'a pas besoin de l'être, étant donné qu'il s'agit d'une description d'information qui est déjà présentée visuellement.

technologie d'assistance (tel qu'utilisé dans ce document)

matériel ou logiciel qui agit comme agent utilisateur ou simultanément avec un agent utilisateur usuel afin de fournir des fonctionnalités répondant aux besoins des utilisateurs ayant des limitations fonctionnelles, fonctionnalités qui vont au-delà de celles qui sont offertes par les agents utilisateurs usuels

Note 1 : les fonctionnalités fournies par les technologies d'assistance comprennent des présentations de remplacement (par exemple de la synthèse vocale ou du contenu agrandi), des méthodes de saisie alternatives (par exemple la voix), des mécanismes de navigation ou d'orientation supplémentaires et des transformations de contenu (par exemple pour rendre un tableau plus accessible).

Note 2 : les technologies d'assistance communiquent souvent les données et les messages aux agents utilisateurs usuels en utilisant et en surveillant le fonctionnement d'une API (interface de programmation).

Note 3 : la distinction entre agents utilisateurs usuels et technologies d'assistance n'est pas absolue. Plusieurs agents utilisateurs usuels comportent des fonctions d'assistance aux utilisateurs ayant des limitations fonctionnelles. La principale différence est que ces agents utilisateurs usuels visent un public large et diversifié qui comprend des personnes avec et sans limitations fonctionnelles. Les technologies d'assistance visent des populations plus restreintes d'utilisateurs ayant des limitations fonctionnelles particulières. L'assistance fournie par une technologie d'assistance est plus spécifique et appropriée aux besoins des utilisateurs visés. Un agent utilisateur usuel peut comporter des fonctionnalités importantes pour les technologies d'assistance comme l'extraction du contenu Web à partir d'objets de programmation ou l'analyse syntaxique du balisage par paquets identifiables.

Exemple : les technologies d'assistance qui sont importantes dans le contexte du présent document comprennent les technologies suivantes :

• les agrandisseurs d'écran et les autres assistants de lecture visuelle qui sont utilisés par les personnes ayant des limitations de la vision, de la perception ou d'accès physique à l'imprimé pour modifier la police de caractères, la taille, l'espacement, la couleur, la synchronisation avec la synthèse vocale, etc. dans le but d'améliorer la lisibilité visuelle du rendu des textes et des images ;

• les lecteurs d'écran qui sont utilisés par les personnes aveugles pour lire l'information textuelle en synthèse vocale ou en braille ;

• les logiciels de conversion du texte en parole qui sont utilisés par certaines personnes ayant des limitations cognitives, des limitations du langage et des difficultés d'apprentissage pour convertir le texte en synthèse vocale ;

• les logiciels de reconnaissance vocale qui peuvent être utilisés par les personnes ayant certaines limitations motrices ;

• des claviers de remplacement qui sont utilisés par des personnes ayant certaines limitations motrices pour simuler le clavier (y compris des claviers de remplacement qui utilisent des pointeurs de tête, des commutateurs simples, des dispositifs d'aspiration/expiration et d'autres dispositifs spéciaux d'aide à la saisie.) ;

• des dispositifs de pointage adaptés qui sont utilisés par des personnes ayant certaines limitations motrices pour simuler le pointeur de la souris et l'activation des boutons.

texte

séquence de caractères pouvant être déterminée par un programme informatique et exprimant quelque chose dans une langue donnée

texte sous forme d'image

texte qui est restitué sous une forme non textuelle (par exemple une image) dans le but de permettre un effet visuel particulier

Note : cela n'inclut pas le texte qui est une partie d'une image qui contient d'autres contenus visuels signifiants.

Exemple : le nom d'une personne sur un badge dans une photographie.

Exemples pour le critère de succès 1.4.5

• En-têtes stylisés

  Plutôt que d'utiliser des images matricielles pour présenter des en-têtes dans une police de caractères spécifique, l'auteur utilise les CSS pour atteindre le même résultat.

• Images générées dynamiquement

  Une page Web utilise la programmation par script côté serveur pour présenter du texte comme une image. La page comprend des contrôles qui permettent à l'utilisateur d'ajuster la taille des polices et les couleurs d'avant-plan et d'arrière-plan de l'image générée.

• Une citation

  Une page Web contient une citation. La citation est présentée sous forme de texte en italique avec un retrait par rapport à la marge de gauche. Le nom de la personne à laquelle est associée la citation est situé sous la citation avec un espacement proportionnel entre les lignes de 1,5 et un retrait par rapport à la marge de gauche. CSS est utilisé pour positionner le texte, gérer l'espacement entre les lignes  tout comme pour afficher les propriétés du texte : famille de police de caractères, taille, couleur et habillage.

• Éléments de navigation

  Une page Web contient un menu de liens de navigation qui ont à la fois une icône et un texte pour décrire leur cible. CSS est utilisé pour afficher les propriétés du texte : famille de police de caractères, taille et couleurs d'avant-plan et d'arrière-plan ; tout comme pour gérer l'espacement entre les liens de navigation.

• Un logo contenant du texte

  Un site Web contient le logo d'une organisation dans le coin supérieur gauche de chaque page Web. Le logo contient le logotype (du texte comme une partie ou la totalité du logo). La présentation visuelle du texte est essentielle à l'identité du logo et est incluse dans une image GIF qui ne permet pas que les caractéristiques du texte puissent être modifiées. L'image dispose d'un équivalent textuel.

• Représentation d'une famille de police

  Une page Web contient des informations sur une famille de polices particulière. Substituer la famille de police avec une autre police irait à l'encontre de l'objectif de la représentation. La représentation est incluse dans une image JPEG qui ne permet pas que les caractéristiques du texte puissent être modifiées. L'image dispose d'un équivalent textuel.

• La représentation d'une lettre

  Une page Web contient la représentation d'une lettre authentique. La représentation de la lettre dans son format d'origine est essentielle pour la transmission de l'information à propos de la période à laquelle elle a été écrite. La lettre est incluse comme une image GIF qui ne permet pas que les caractéristiques du texte puissent être modifiées. L'image dispose d'un équivalent textuel.

• Texte sous la forme de caractères symboliques

  Un formulaire permet aux utilisateurs d'entrer des blocs de texte. Le formulaire fournit un certain nombre de boutons, y compris les fonctions pour la mise en forme du texte et la correction orthographique. Certains boutons utilisent des caractères de texte qui ne forment pas une séquence qui exprime quelque chose dans une langue. Par exemple, « B » pour augmenter la graisse de la police, « I » pour mettre le texte en italique et « ABC » pour vérifier l'orthographe. Le texte sous la forme de caractères symboliques est inclus sous la forme d'images GIF qui ne permettent pas que les caractéristiques du texte puissent être modifiées. Les boutons disposent d'équivalents textuels.

• Paramètres pour la personnalisation des polices de caractères dans des textes sous forme d'images

  Un site Web permet aux utilisateurs de spécifier des paramètres de police et tous les textes sous forme d'images sont ensuite affichés sur la base de ces paramètres.

Techniques et échecs pour le critère de succès 1.4.5 - Texte sous forme d'image

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

essentiel(le)

élément qui changerait fondamentalement les informations ou les fonctionnalités du contenu s'il était supprimé et informations et fonctionnalités qui ne pourraient être restituées autrement d'une manière conforme

personnalisé visuellement

la police, la taille, la couleur et le fond sont paramétrables

texte

séquence de caractères pouvant être déterminée par un programme informatique, et exprimant quelque chose dans une langue donnée

texte sous forme d'image

texte qui est restitué sous une forme non textuelle (par exemple une image) dans le but de permettre un effet visuel spécifique

Note : cela n'inclut pas le texte qui est une partie d'une image qui contient d'autres contenus visuels signifiants.

Exemple : le nom d'une personne sur un badge dans une photographie.

Exemples pour le critère de succès 1.4.6

(Aucun exemple n'est actuellement documenté)

Techniques et échecs pour le critère de succès 1.4.6 - Contraste (amélioré)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

(texte) agrandi

avec au minimum 18 points ou 14 points gras ou une taille de caractère équivalente pour les polices chinoises, japonaises ou coréennes (CJK)

Note 1 : les polices avec des traits extraordinairement fins ou des aspects et des caractéristiques inhabituels qui réduisent la reconnaissance de la forme des lettres sont plus difficiles à lire, spécialement à des niveaux de contrastes bas.

Note 2 : la taille de caractère est la taille lorsque le contenu est affiché. Cela n'inclut pas le redimensionnement qui pourrait être fait par l'utilisateur.

Note 3 : la taille réelle des caractères qu'un utilisateur voit est dépendante à la fois de la définition de la taille faite par l'auteur, du périphérique de restitution de l'utilisateur ou du paramétrage de l'agent utilisateur. Pour la majorité des polices de corps de texte, 14 et 18 points est sensiblement équivalent à 1,2 et 1,5 em ou à 120% et 150% de la taille par défaut du corps de texte (en considérant que la police de corps est à 100%), mais les auteurs seraient tenus de vérifier cela pour les polices particulières qui seraient utilisées. Quand les polices sont définies en unités relatives, la taille réelle du point est mesurée par l'agent utilisateur pour l'affichage. La taille d'un point doit être obtenue auprès de l'agent utilisateur ou calculée sur la même base de mesure que celle de l'agent utilisateur, lors de l'évaluation de ce critère de succès. Les utilisateurs qui ont une basse vision auront à choisir les paramètres appropriés.

Note 4 : lors de l'utilisation de texte sans spécification de taille de caractère, la taille la plus petite utilisée dans les principaux navigateurs pour le texte dont la taille n'est pas spécifiée serait considérée comme une taille raisonnable pour la police. Si un titre de niveau 1 est restitué en 14pt gras ou plus sur les principaux navigateurs, alors il est raisonnable de considérer qu'il s'agit de texte agrandi. Le redimensionnement relatif peut être calculé de manière identique à partir de la taille par défaut.

Note 5 : la taille 18 ou 14 points pour les textes en alphabet latin est définie à partir de la taille minimum pour les grands caractères (14pt) et de la taille standard plus grande (18pt). Pour les autres polices telles que les langues CJK, les tailles « équivalentes » seraient la taille de grand caractère minimum utilisée pour ces langues et la taille de grands caractères plus grande suivante.

composant d'interface utilisateur

partie du contenu qui est perçue par les utilisateurs comme un élément de contrôle unique pour une fonction distincte

Note 1 : plusieurs composants d'interface utilisateur peuvent être implémentés au sein d'un seul programme. La notion de composant n'est pas liée ici aux techniques de programmation, mais plutôt à ce que les utilisateurs perçoivent comme des éléments de contrôle distincts.

Note 2 : les composants d'interface utilisateur incluent les éléments de formulaire et les liens aussi bien que des composants générés par scripts.

Exemple : un microprogramme (applet) dispose d'un « élément de contrôle » permettant de se déplacer dans le contenu ligne par ligne, page par page ou au hasard. Puisque chacune de ces fonctions devrait avoir un nom et fonctionner indépendamment, elles constitueraient chacune un « composant d'interface utilisateur ».

purement décoratif

utilisé seulement dans un but esthétique, ne fournissant aucune information et n'ayant aucune fonctionnalité

Note : un texte est purement décoratif si les mots peuvent être réarrangés ou remplacés sans changer leur raison d'être.

Exemple : la page de couverture d'un dictionnaire présente un arrière-plan estompé et constitué de mots choisis au hasard.

rapport de contraste

(L1 + 0,05) / (L2 + 0,05), où

• L1 est la luminosité relative de la couleur la plus claire et

• L2 est la luminosité relative de la couleur la plus sombre.

Note 1 : le rapport de contraste peut varier de 1 à 21 (communément écrit 1:1, 1 pour 1, à 21:1, 21 pour 1).

Note 2 : étant donné que les auteurs ne contrôlent pas la configuration de l'utilisateur concernant le rendu du texte (par exemple le lissage de police ou l'anti-crénelage), le rapport de contraste du texte peut être évalué en désactivant l'anti-crénelage.

Note 3 : en ce qui concerne les critères de succès 1.4.3 et 1.4.6, le contraste est mesuré en tenant compte de l'arrière-plan sur lequel le texte est normalement affiché. Si aucune couleur d'arrière-plan n'est spécifiée, il est considéré comme blanc.

Note 4 : la couleur d'arrière-plan est la couleur spécifiée du contenu sur lequel le texte est normalement affiché. Il est considéré comme une erreur de ne pas définir une couleur d'arrière-plan lorsque la couleur du texte est spécifiée, parce que la couleur d'arrière-plan de l'utilisateur est inconnue et ne peut donc pas être évaluée pour vérifier si le contraste est suffisant. Pour la même raison, il est aussi considéré comme une erreur de ne pas définir la couleur du texte lorsqu'une couleur d'arrière-plan est spécifiée.

Note 5 : lorsqu'il y a une bordure autour de la lettre, la bordure peut augmenter le contraste et serait utilisée dans le calcul du contraste entre la lettre et son arrière-plan. La couleur d'une bordure étroite autour de la lettre serait utilisée à la place de la lettre. Une bordure large autour de la lettre qui remplit l'espace dans lequel se découpe le détail de la lettre agit comme un halo et serait considérée comme un arrière-plan.

Note 6 : la conformité aux WCAG devrait être évaluée pour les paires de couleurs spécifiées dans le contenu qu'un auteur s'attendrait à voir apparaître de façon adjacente dans une présentation habituelle. Les auteurs n'ont pas besoin de prendre en considération les présentations inhabituelles comme les changements de couleurs faits par l'agent utilisateur sauf si ces changements sont provoqués par le code de l'auteur.

texte

séquence de caractères pouvant être déterminée par un programme informatique, et exprimant quelque chose dans une langue donnée

texte sous forme d'image

texte qui est restitué sous une forme non textuelle (par exemple une image) dans le but de permettre un effet visuel particulier

Note : cela n'inclut pas le texte qui est une partie d'une image qui contient d'autres contenus visuels signifiants.

Exemple : le nom d'une personne sur un badge dans une photographie.

Exemples pour le critère de succès 1.4.7

(Aucun exemple n'est actuellement documenté)

Techniques et échecs pour le critère de succès 1.4.7 - Arrière-plan sonore de faible volume ou absent

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

CAPTCHA

sigle de « Completely Automated Public Turing test to tell Computers and Humans Apart » (test public de Turing entièrement automatique ayant pour but de distinguer les humains des ordinateurs)

Note 1 : les tests de type CAPTCHA demandent souvent à l'utilisateur de taper un texte présenté dans une image ou un extrait audio déformés.

Note 2 : un test de Turing est tout système de tests conçu pour distinguer un humain d'un ordinateur. Il est nommé en l'honneur du célèbre informaticien Alan Turing. Ce terme a été popularisé par les chercheurs de l'Université Carnegie Mellon. [CAPTCHA]

pré-enregistré

information qui n'est pas diffusée en direct

seulement audio

une présentation temporelle qui contient seulement de l'audio (sans vidéo ni interaction)

Exemples pour le critère de succès 1.4.8

Les images suivantes montrent des exemples d'un espacement simple entre les lignes, d'un espacement d'une valeur de un et demi et d'un espacement double d'un texte dans un paragraphe.

Des exemples de glyphes incluent « A », « → » (un symbole de flèche), et « さ » (un caractère japonais).

Techniques et échecs pour le critère de succès 1.4.8 - Présentation visuelle

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

blocs de texte

plus d'une phrase de texte

dans une fenêtre plein écran

sur les écrans d'ordinateur de bureau ou portable de taille courante dont l'espace de restitution est maximisé

Note : du fait que les gens gardent leurs ordinateurs pendant plusieurs années, il est conseillé de ne pas se baser sur les dernières résolutions d'écrans des ordinateurs de bureau ou portable, mais de prendre en considération la plus représentative des résolutions d'écrans durant une période de plusieurs années précédant cette évaluation.

mécanisme

processus ou technique pour obtenir un résultat

Note 1 : le mécanisme peut être explicitement fourni par le contenu ou dépendre de la plateforme ou de l'agent utilisateur, y compris les technologies d'assistance.

Note 2 : le mécanisme doit satisfaire à tous les critères de succès (d'un niveau donné) pour déclarer un niveau de conformité.

Exemples pour le critère de succès 1.4.9

• Une citation

  Une page Web contient une citation. La citation est présentée sous forme de texte en italique avec un retrait par rapport à la marge de gauche. Le nom de la personne à laquelle est associée la citation est situé sous la citation avec un espacement entre les lignes d'une proportion de 1,5 et un retrait par rapport à la marge de gauche. CSS est utilisé pour positionner le texte, gérer l'espacement entre les lignes ; tout comme pour afficher les propriétés du texte ; famille de police de caractères, taille, couleur et décoration.

• Éléments de navigation

  Une page Web contient un menu de liens de navigation qui ont à la fois une icône et un texte pour décrire leur cible. CSS est utilisé pour afficher les propriétés du texte ; famille de police de caractères, taille et couleurs d'avant-plan et d'arrière-plan ; tout comme pour gérer l'espacement entre les liens de navigation.

• Un logo contenant du texte

  Un site Web contient le logo d'une organisation dans le coin supérieur gauche de chaque page Web. Le logo contient le logotype (du texte comme une partie ou la totalité du logo). La présentation visuelle du texte est essentielle à l'identité du logo et est incluse dans une image GIF qui ne permet pas que les caractéristiques du texte puissent être modifiées. L'image dispose d'un équivalent textuel.

• Représentation d'une famille de polices

  Une page Web contient des informations sur une famille de polices particulière. Substituer la famille de polices avec une autre police irait à l'encontre de la représentation. La représentation est incluse dans une image JPEG qui ne permet pas que les caractéristiques du texte puissent être modifiées. L'image dispose d'un équivalent textuel.

• Une représentation d'une lettre

  Une page Web contient une représentation d'une lettre authentique. La représentation de la lettre dans son format d'origine est essentielle pour la transmission de l'information à propos de la période à laquelle elle a été écrite. La lettre est incluse comme une image GIF qui ne permet pas que les caractéristiques du texte puissent être modifiées. L'image dispose d'un équivalent textuel.

• Texte sous la forme de caractères symboliques

  Un formulaire permet aux utilisateurs d'entrer des blocs de texte. Le formulaire fournit un certain nombre de boutons, y compris les fonctions pour la mise en forme du texte et la correction orthographique. Certains boutons utilisent des caractères de texte qui ne forment pas une séquence exprimant quelque chose en langue humaine. Par exemple, « B » pour augmenter la graisse de la police, « I » pour mettre en italique le texte et « ABC » pour vérifier l'orthographe. Le texte sous la forme de caractères symboliques est inclus sous la forme d'images GIF qui ne permettent pas que les caractéristiques du texte puissent être modifiées. Les boutons disposent d'équivalents textuels.

Techniques et échecs pour le critère de succès 1.4.9 – Texte sous forme d'image (sans exception)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

essentiel(le)

élément qui changerait fondamentalement les informations ou les fonctionnalités du contenu s'il était supprimé et informations et fonctionnalités qui ne pourraient être restituées autrement d'une manière conforme

purement décoratif

utilisé seulement dans un but esthétique, ne fournissant aucune information et n'ayant aucune fonctionnalité

Note : un texte est purement décoratif si les mots peuvent être réarrangés ou remplacés sans changer leur raison d'être.

Exemple : la page de couverture d'un dictionnaire présente un arrière-plan estompé et constitué de mots choisis au hasard.

texte

séquence de caractères pouvant être déterminée par un programme informatique, et exprimant quelque chose dans une langue donnée

texte sous forme d'image

texte qui est restitué sous une forme non textuelle (par exemple une image) dans le but de permettre un effet visuel particulier

Note : cela n'inclut pas le texte qui est une partie d'une image qui contient d'autres contenus visuels signifiants.

Exemple : le nom d'une personne sur un badge dans une photographie.

Accessible au clavier :
Comprendre la règle 2.1

Règle 2.1 : rendre toutes les fonctionnalités accessibles au clavier.

Exemples pour le critère de succès 2.1.1

• Exemple 1 : un programme de dessin

  Un programme de dessin permet aux utilisateurs de créer, dimensionner, positionner et faire pivoter des objets à partir du clavier.

• Exemple 2 : une fonctionnalité de glisser-déplacer

  Une application qui utilise le glisser-déplacer prend également en charge le couper-coller ou des contrôles de formulaire pour déplacer les objets.

• Exemple 3 : déplacer et relier entre eux des points distants

  Un programme de liaison de points permet à l'utilisateur de se déplacer d'un point à l'autre sur l'écran et d'utiliser la barre d'espace pour relier le point courant au précédent.

• Exemple 4 : exception - un programme de coloriage

  Un programme de coloriage est considéré comme une exception dans la mesure où le maniement du pinceau varie en fonction de la vitesse et de la durée du mouvement.

• Exemple 5 : exception - simulateur pour apprendre à voler sur des modèles d'hélicoptère

  Un simulateur pour apprendre à voler sur des modèles d'hélicoptère est considéré comme une exception car la nature même du simulateur est d'enseigner le comportement en temps réel par rapport à un modèle d'hélicoptère.

• Exemple 6 : un assistant numérique personnel avec un clavier en option

  Un assistant numérique personnel qui est généralement utilisé via un stylet possède en option un clavier que l'on peut connecter. Le clavier permet de naviguer sur le web de manière tout à fait standard. Le contenu web est complètement utilisable puisqu'il a été conçu pour fonctionner au clavier seulement.

Techniques et échecs pour le critère de succès 2.1.1 - Clavier

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

fonctionnalité

processus et résultats atteignables par une action de l'utilisateur

interface clavier

interface utilisée par un logiciel pour obtenir une saisie au clavier

Note 1 : une interface clavier permet aux utilisateurs de fournir aux programmes une saisie au clavier même si la technologie native ne comporte pas de clavier.

Exemple : un assistant numérique personnel (PDA) à écran tactile possède une interface clavier intégrée à son système d'exploitation et un connecteur pour des claviers externes. Les applications dans le PDA peuvent utiliser l'interface pour obtenir une saisie au clavier externe ou par d'autres applications qui simulent une sortie clavier comme les interpréteurs d'écriture manuscrite ou les applications de transcription vocale en texte avec des fonctionnalités « d'émulation clavier ».

Note 2 : l'utilisation d'une application (ou de parties d'une application) à travers un pointeur souris dirigé au clavier, comme MouseKeys, ne constitue pas une opération réalisée au travers d'une interface clavier car l'utilisation du programme passe par l'interface de pointage et non pas par l'interface clavier.

Exemples pour le critère de succès 2.1.2

• Un composant d’interface (widget) de calendrier

  Un composant d'interface de calendrier permet aux utilisateurs d'ajouter, supprimer ou mettre à jour des élément dans leur calendrier en utilisant le clavier. Les contrôles du composant d'interface font partie de l'ordre de tabulation au sein de la page Web, permettant aux utilisateurs de tabuler à travers les contrôles du composant d'interface comme pour n'importe quel lien ou contrôle qui suit dans la page.

• Une applet de puzzle

  Une fois que l'utilisateur a tabulé dans une applet, les tabulations suivantes et les autres commandes sont prises en charge par l'applet. Les instructions pour quitter l'applet à l'aide de commandes clavier sont données avant et également au sein même de l'applet.

• Une boîte de dialogue modale

  Une application web fait apparaître une boîte de dialogue. En bas de la boîte de dialogue, il y a deux boutons Annuler et OK. Dès que la boîte est ouverte, le focus s'y trouve piégé ; le fait de tabuler à partir du dernier contrôle de la boîte de dialogue place le focus sur le premier contrôle de la boîte de dialogue. La boîte de dialogue disparaît lorsqu'on active le bouton Annuler ou le bouton OK.

Techniques et échecs pour le critère de succès 2.1.2 - Pas de piège au clavier

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

interface clavier

interface utilisée par un logiciel pour obtenir une saisie au clavier

Note 1 : une interface clavier permet aux utilisateurs de fournir aux programmes une saisie au clavier même si la technologie native ne comporte pas de clavier.

Exemple : un assistant numérique personnel (PDA) à écran tactile possède une interface clavier intégrée à son système d'exploitation et un connecteur pour des claviers externes. Les applications dans le PDA peuvent utiliser l'interface pour obtenir une saisie au clavier externe ou par d'autres applications qui simulent une sortie clavier comme les interpréteurs d'écriture manuscrite ou les applications de transcription vocale en texte avec des fonctionnalités « d'émulation clavier ».

Note 2 : l'utilisation d'une application (ou de parties d'une application) à travers un pointeur souris dirigé au clavier, comme MouseKeys, ne constitue pas une opération réalisée au travers d'une interface clavier car l'utilisation du programme passe par l'interface de pointage et non pas par l'interface clavier.

Exemples pour le critère de succès 2.1.3

(Aucun exemple n'est actuellement documenté)

Techniques et échecs pour le critère de succès 2.1.3 - Clavier (pas d'exception)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

Fonctionnalité

processus et résultats atteignables par une action de l'utilisateur

interface clavier

interface utilisée par un logiciel pour obtenir une saisie au clavier

Note 1 : une interface clavier permet aux utilisateurs de fournir aux programmes une saisie au clavier même si la technologie native ne comporte pas de clavier.

Exemple : un assistant numérique personnel (PDA) à écran tactile possède une interface clavier intégrée à son système d'exploitation et un connecteur pour des claviers externes. Les applications dans le PDA peuvent utiliser l'interface pour obtenir une saisie au clavier externe ou par d'autres applications qui simulent une sortie clavier comme les interpréteurs d'écriture manuscrite ou les applications de transcription vocale en texte avec des fonctionnalités « d'émulation clavier ».

Note 2 : l'utilisation d'une application (ou de parties d'une application) à travers un pointeur souris dirigé au clavier, comme MouseKeys, ne constitue pas une opération réalisée au travers d'une interface clavier car l'utilisation du programme passe par l'interface de pointage et non pas par l'interface clavier.

Délai suffisant :
Comprendre la règle 2.2

Règle 2.2 : laisser à l'utilisateur suffisamment de temps pour lire et utiliser le contenu.

Exemples pour le critère de succès 2.2.1

• Un site web utilise une limite de temps côté client pour aider à protéger les utilisateurs qui peuvent s'éloigner de leur ordinateur. Après une période d'inactivité, la page web demande à l'utilisateur s'il a besoin de temps supplémentaire. Si elle n'obtient pas de réponse, elle se désactive.

• Une page Web contient un champ qui se met à jour avec les derniers grands titres de manière cyclique. Il y a un contrôle interactif qui permet à l'utilisateur d'étendre la durée entre chaque mise à jour, jusqu'à 10 fois la valeur par défaut. Le contrôle peut être manipulé soit à la souris, soit au clavier.

• Une page Web comporte une animation dans laquelle du texte apparaît et disparaît. Parfois, le texte défile à travers l'écran, parfois il apparaît seulement pour un court instant, avant de disparaître à l'arrière-plan. Cette page contient un bouton Pause afin que les utilisateurs ayant des difficultés de lecture puissent lire le texte avant qu'il ne disparaisse.

• Lors d'une enchère, il existe une limite de temps pendant laquelle l'utilisateur peut soumettre un prix. Puisque la limite de temps s'applique à tous les utilisateurs qui veulent faire une enchère sur un article donné, il serait inéquitable d'étendre la limite de temps pour quelques uns en particulier. Par conséquent, ce type d'activité nécessite une limite de temps et ce critère de succès n'exige aucune extension, aucun ajustement ni aucune désactivation de la limite de temps.

• Un site d'achat de billets en ligne accorde deux minutes à l'utilisateur pour confirmer son achat, après quoi, les places sont remises à la vente générale. Puisque sur de tels sites les billets se vendent rapidement, le fait de détenir un billet plus longtemps invaliderait la nature même du site, c'est donc un cas où le délai est essentiel et ne peut être étendu sans remettre en cause l'activité. Toutefois, le site gère la plus grande partie possible du processus hors de la période de temps critique, par exemple, en permettant aux utilisateurs d'entrer les informations nécessaires telles que leur nom ou le moyen de paiement, avant de passer à l'étape limitée en temps.

• Un site d'achat de billets en ligne accorde deux minutes à l'utilisateur pour confirmer l'achat des places choisies, mais avertit l'utilisateur lorsque la limite est presque atteinte et lui permet d'étendre la limite de temps un certain nombre de fois par une simple action, en cliquant par exemple sur un bouton « étendre la durée maximum ».

Techniques et échecs pour le critère de succès 2.2.1 - Réglage du délai

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

essentiel(le)

élément qui changerait fondamentalement les informations ou les fonctionnalités du contenu s'il était supprimé et informations et fonctionnalités qui ne pourraient être restituées autrement d'une manière conforme

Exemples pour le critère de succès 2.2.2

• Une animation essentielle peut être mise en pause sans que cela n'en affecte le fonctionnement

  Un site Web aide les utilisateurs à comprendre « comment fonctionnent les choses » à travers des animations qui montrent la marche à suivre. Les animations sont munies des boutons « pause » et « relance ».

• Un bandeau du cours de la bourse

  Un bandeau du cours de la bourse est muni des boutons « pause » et « relance ». Le fait d'arrêter le bandeau provoque la pause sur l'affichage du cours actuel. Le redémarrage du bandeau le fait continuer à partir du point d'arrêt mais affiche une alerte indiquant que l'affichage est décalé. Étant donné que l'objectif du bandeau du cours de la bourse est généralement de fournir l'information en temps réel, il devrait aussi y avoir un bouton permettant de faire avancer le bandeau jusqu'aux valeurs les plus récentes des cours.

• Un jeu conçu de sorte que les joueurs prennent leur tour au lieu de s'affronter en temps réel

  L'une des parties peut mettre le jeu en pause sans en compromettre l'aspect compétitif.

• Une publicité web

  Une publicité clignote pour capter l'attention du spectateur mais s'arrête après cinq secondes

• Un signalement sur un formulaire

  Sur un formulaire, une flèche clignote près du bouton de soumission si l'utilisateur a fini de remplir le formulaire mais n'a pas activé le bouton de soumission. Le clignotement s'arrête après cinq secondes.

• Une animation

  Une animation clignote sur la partie supérieure de la page mais est munie d'un bouton « arrêter l'animation » en bas de l'animation.

• Une animation en cours de chargement

  Une animation de préchargement s'affiche sur la page et nécessite qu'un certain pourcentage d'un gros fichier soit chargé avant de démarrer. L'animation constitue le seul contenu de la page et invite l'utilisateur à attendre pendant que la vidéo se charge. Puisque le contenu en mouvement n'est pas présenté en même temps que d'autres contenus, il n'est pas nécessaire de fournir de mécanisme pour la mettre en pause, l'arrêter ou la masquer même si l'animation peut s'exécuter pendant plus de cinq secondes pour les utilisateurs ayant une connexion à bas débit.

• Une publicité pleine page

  Un site requiert que tous les utilisateurs voient une publicité de 15 secondes avant de pouvoir accéder gratuitement au contenu de leur site. Étant donné qu'il est nécessaire que tous les utilisateurs voient la publicité et qu'elle n'est pas présentée en même temps que d'autres contenus, il n'est pas nécessaire de fournir de mécanisme pour la mettre en pause, l'arrêter ou la masquer.

Techniques et échecs pour le critère de succès 2.2.2 - Mettre en pause, arrêter, masquer

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

clignotement

alternance entre deux états visuels d'une façon qui veut attirer l'attention

Note : voir aussi flash. Il est possible que quelque chose soit suffisamment gros et clignote de façon suffisamment lumineuse à la fréquence appropriée pour être aussi considéré comme un flash.

essentiel(le)

élément qui changerait fondamentalement les informations ou les fonctionnalités du contenu s'il était supprimé et informations et fonctionnalités qui ne pourraient être restituées autrement d'une manière conforme

mis en pause

arrêté par une action de l'utilisateur et relancé seulement sur demande de l'utilisateur

Exemples pour le critère de succès 2.2.3

• Un test conçu de sorte que la durée pour le passer n'influe pas sur le score

  Plutôt que de jauger un test en ligne selon une durée maximum, le test se base sur le score obtenu par les utilisateurs, sans limite de temps.

• Un jeu conçu de sorte que les joueurs prennent leur tour au lieu de s'affronter en temps réel

  L'une des parties peut mettre le jeu en pause sans en compromettre l'aspect compétitif.

Techniques et échecs pour le critère de succès 2.2.3 - Pas de délai d'exécution

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

essentiel(le)

élément qui changerait fondamentalement les informations ou les fonctionnalités du contenu s'il était supprimé et informations et fonctionnalités qui ne pourraient être restituées autrement d'une manière conforme

événement en temps réel

événement qui a) se produit en même temps que la visualisation et b) n'est pas entièrement généré par le contenu

Exemple 1 : une diffusion Web d'une représentation en direct (qui se produit en même temps que la visualisation et qui n'est pas pré-enregistrée).

Exemple 2 : des enchères en ligne avec des gens qui enchérissent (avec une visualisation en direct).

Exemple 3 : des humains interagissant dans un monde virtuel grâce à des avatars (qui ne sont pas entièrement générés par le contenu et qui se produisent en même temps que la visualisation).

média synchronisé

flux audio ou vidéo synchronisé avec un autre format pour présenter de l'information et/ou comportant des composants temporels interactifs, à moins que le média soit un média de remplacement pour un texte clairement identifié comme tel

Exemples pour le critère de succès 2.2.4

• Exemple 1 : paramétrer les préférences utilisateur

  Les préférences d'une page web de portail offrent une option pour reporter toutes les mises à jour et alertes jusqu'à la fin de la session courante, à l'exception des alertes d'urgences.

Techniques et échecs pour le critère de succès 2.2.4 - Interruptions

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

urgence

un événement ou une situation soudaine et imprévue qui exige une action immédiate afin de préserver la santé, la sécurité ou la propriété

Exemples pour le critère de succès 2.2.5

• Paiement sur un site d'achat en ligne

  Un utilisateur ayant un usage extrêmement restreint de ses mains est connecté à un site d'achat en ligne. La saisie des informations concernant la carte de crédit dure au point que le temps maximum est dépassé alors que l'utilisateur est en train de procéder au paiement. Si l'utilisateur revient au processus de paiement et soumet le formulaire, le site affiche une nouvelle page d'authentification. Une fois que l'utilisateur s'est connecté, le processus de paiement reprend avec les mêmes informations et à la même étape. L'utilisateur n'a perdu aucune donnée puisque le serveur en a temporairement accepté et enregistré l'envoi, même si la session a expiré, et a repositionné l'utilisateur au même endroit après qu'il se soit de nouveau authentifié.

• Authentification sur un programme de courriel

  Un programme de courriel a une limite d'authentification de 30 minutes. Le programme avertit l'utilisateur plusieurs minutes avant que la limite de temps ne soit atteinte et propose un lien pour ouvrir une nouvelle fenêtre afin de s'authentifier à nouveau. La fenêtre initiale avec le courriel en cours reste intacte et, après s'être de nouveau authentifié, l'utilisateur peut envoyer ces données.

• Un questionnaire en temps limité

  Un long questionnaire, présenté sur une seule page web, affiche, au début, l'information selon laquelle la session expirera après 15 minutes. L'utilisateur est également informé que le questionnaire peut être enregistré à tout moment et complété ultérieurement. La page comporte plusieurs boutons permettant d'enregistrer partiellement le formulaire rempli. De plus, grâce à un javascript figurant dans la liste compatible avec l'accessibilité dont dépendent les technologies de contenu, l'utilisateur peut choisir d'être averti par une nouvelle fenêtre « pop-up » lorsque la session est sur le point d'expirer.

Techniques et échecs pour le critère de succès 2.2.5 - Nouvelle authentification

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Crises :
Comprendre la règle 2.3

Règle 2.3 : ne pas concevoir de contenu susceptible de provoquer des crises.

Exemples pour le critère de succès 2.3.1

• Un site Web contient la vidéo d'une gueule de mitraillette mais limite la taille de l'image flashante à une petite portion de l'écran au-dessous de la taille du seuil de flash.

• Un film contenant une scène comprenant des flashs d'une grande luminosité est affiché de façon à ce que la luminosité ne flashe que trois fois dans un intervalle d'une seconde.

Techniques et échecs pour le critère de succès 2.3.1 - Pas plus de trois flashs ou sous le seuil critique

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

flash

alternance de luminosité relative qui peut causer des crises chez certaines personnes si leur taille est suffisamment importante dans une gamme de fréquences spécifiques

Note 1 : voir seuil de flash générique et seuil de flash rouge pour plus d'informations sur les types de flashs qui ne sont pas autorisés.

Note 2 : voir aussi clignotement.

Page Web

une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur

Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.

Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.

Exemple 1 : une ressource Web incluant toutes les images et médias liés.

Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.

Exemple 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.

Exemple 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.

seuil de flash générique et seuil de flash rouge

un flash ou une séquence d'images changeant rapidement est en dessous du seuil de flash (c'est-à-dire que le contenu est conforme) si l'une des conditions suivantes est satisfaite :

1. il n'y a pas plus de trois flashs génériques et pas plus de trois flashs rouges par seconde ; ou

2. la surface d'affichage combinée des flashs simultanés ne représente pas plus de 0,006 stéradian dans chaque champ visuel de 10 degrés sur l'écran (soit 25% de chaque champ visuel de 10 degrés sur l'écran) à une distance habituelle de visualisation

où :

• un flash générique est défini comme une alternance de luminosité relative de 10% ou plus par rapport à la luminosité relative maximum, où la luminosité relative de l'image la plus sombre est en dessous de 0,80 et où « une alternance » est définie comme étant une augmentation suivie d'une diminution ou une diminution suivie d'une augmentation, et

• un flash rouge est défini comme toute alternance de transition impliquant un rouge saturé.

Exception : Le flash qui suit un modèle précis et équilibré comme du bruit blanc ou un modèle de damier alterné avec des « carrés » dont les côtés font moins de 0,1 degré (du champ visuel à une distance habituelle de visualisation) ne dépasse pas le seuil de flash.

Note 1 : pour les logiciels ou le contenu Web, un rectangle de 341 x 256 pixels n'importe où sur la surface d'affichage de l'écran, quand la résolution est à 1024 x 768 pixels, fournit une bonne estimation de ce que représente 10 degrés du champ visuel sur l'écran pour un écran et une distance habituelle de visualisation (par exemple des écrans de 38 à 43 centimètres (15 à 17 pouces) à une distance de 55 à 65 centimètres (22-26 pouces)). (Un affichage à une résolution supérieure du même contenu produirait des images plus petites et plus sûres, c'est pourquoi des résolutions inférieures sont utilisées pour définir le seuil.)

Note 2 : une transition est le changement, dans un temps donné, de luminosité relative (ou de luminosité relative ou de couleur pour le flash rouge) entre les pics et les creux adjacents dans un ensemble de mesures de luminosité relative (ou de luminosité relative ou de couleur pour le flash rouge)

Note 3 : la définition couramment utilisée dans le domaine pour « deux transitions opposées de rouge saturé » est : pour chacun ou tous les états impliqués dans chacune des transitions, R/(R+ G + B) >= 0,8, et le changement dans la valeur de (R-G-B)x320 est > 20 (les valeurs négatives de (R-G-B)x320 sont considérées comme nulles) pour chacune des transitions. Les valeurs R, G, B se classent entre 0 et 1 tel que spécifié dans la définition de « luminosité relative ». [HARDING-BINNIE]

Note 4 : des outils sont disponibles pour effectuer l'analyse depuis des captures vidéos. Cependant, aucun outil n'est nécessaire pour évaluer cette condition si le flash est inférieur ou égal à 3 flashs par seconde. Le contenu est automatiquement conforme (voir #1 et #2 ci-dessus).

Exemples pour le critère de succès 2.3.2

• Un film contenant une scène comprenant des éclairs d'une grande luminosité est affiché de façon à ce que l'éclair ne flashe que trois fois dans un intervalle d'une seconde.

Techniques et échecs pour le critère de succès 2.3.2 - trois flashs

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

flash

alternance de luminosité relative qui peut causer des crises chez certaines personnes si leur taille est suffisamment importante dans une gamme de fréquences spécifiques

Note 1 : voir seuil de flash générique et seuil de flash rouge pour plus d'informations sur les types de flashs qui ne sont pas autorisés.

Note 2 : voir aussi clignotement.

Page Web

une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur

Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.

Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.

Exemple 1 : une ressource Web incluant toutes les images et médias liés.

Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.

Example 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.

Example 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.

Navigable :
Comprendre la règle 2.4

Règle 2.4 : fournir à l'utilisateur des éléments d'orientation pour naviguer, trouver le contenu et se situer dans le site.

Critères de succès pour cette Règle :

• Comprendre le critère de succès 2.4.1 [Contourner des blocs]
• Comprendre le critère de succès 2.4.2 [Titre de page]
• Comprendre le critère de succès 2.4.3 [Parcours du focus]
• Comprendre le critère de succès 2.4.4 [Fonction du lien (selon le contexte)]
• Comprendre le critère de succès 2.4.5 [Accès multiples]
• Comprendre le critère de succès 2.4.6 [En-têtes et étiquettes]
• Comprendre le critère de succès 2.4.7 [Visibilité du focus]
• Comprendre le critère de succès 2.4.8 [Localisation]
• Comprendre le critère de succès 2.4.9 [Fonction du lien (lien uniquement]
• Comprendre le critère de succès 2.4.10 [En-têtes de section]

Exemples pour le critère de succès 2.4.1

• La page d'accueil d'une agence de presse contient, en son centre, un article principal, entouré de multiples blocs et de barres latérales de publicité, de fonctions de recherche et autres services. En haut de la page, un lien permet d'aller à l'article principal. Sans l'aide de ce lien, une personne utilisant le clavier doit tabuler approximativement sur 40 liens avant d'atteindre l'article principal ; l'utilisateur de lecteur d'écran doit écouter 200 mots ; et l'utilisateur de logiciel d'agrandissement doit scruter la page pour trouver la partie principale.

Techniques et échecs pour le critère de succès 2.4.1 - Contourner des blocs

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

mécanisme

processus ou technique pour obtenir un résultat

Note 1 : le mécanisme peut être explicitement fourni par le contenu ou dépendre de la plateforme ou de l'agent utilisateur, y compris les technologies d'assistance.

Note 2 : le mécanisme doit satisfaire à tous les critères de succès (d'un niveau donné) pour déclarer un niveau de conformité.

page Web

une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur

Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.

Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.

Exemple 1 : une ressource Web incluant toutes les images et médias liés.

Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.

Exemple 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.

Exemple 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.

Exemples pour le critère de succès 2.4.2

• Une page HTML

  Le titre descriptif d'une page Web est codé via l'élément <title> de sorte qu'il s'affiche sur la barre de titre de l'agent utilisateur.

• Un ensemble de documents.

  Le titre pour Comprendre les WCAG 2.0 est « Comprendre les WCAG 2.0 »

  • La page d'introduction a pour titre « Introduction à Comprendre les WCAG 2.0 »

  • Les parties principales du document sont des pages intitulées « Comprendre la règle X » et « Comprendre le critère de succès X. »

  • L'annexe A a pour titre « Glossaire »

  • L'annexe B a pour titre « Remerciements »

  • L'annexe C a pour titre « Références »

• Une application Web.

  Une application bancaire permet à un utilisateur de consulter ses comptes, de visualiser les opérations passées et d'effectuer des transactions. Pour chaque page, l'application génère dynamiquement les titres. Ex. « Banque XYZ, comptes de Jean Dupond », « Banque XYZ, opérations de décembre 2005 pour le compte 1234-5678 ».

Techniques et échecs pour le critère de succès 2.4.2 - Titre de page

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

page Web

une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur

Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.

Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.

Exemple 1 : une ressource Web incluant toutes les images et médias liés.

Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.

Exemple 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.

Exemple 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.

Exemples pour le critère de succès 2.4.3

1. La manière dont l'ordre de navigation séquentielle est déterminé dans un contenu, est définie par la technologie du contenu. Par exemple, du simple HTML définit une navigation séquentielle via la notion d'ordre de tabulation. Le HTML dynamique peut modifier la séquence de navigation en utilisant des scripts en plus de l'attribut tabindex pour permettre la prise de focus par davantage d'éléments. Dans ce cas, la navigation doit suivre les relations et les séquences du contenu. Si aucun script ou tabindex n'est utilisé, l'ordre de navigation est l'ordre dans lequel les composants apparaissent dans le flux du contenu (Voir la spécification html 4.01, 17.11, « donner le focus à un élément »).

2. Utiliser les flèches vers le haut et vers le bas pour circuler dans une arborescence. L'utilisateur peut se servir des flèches vers le haut et vers le bas pour passer d'un nœud à l'autre de l'arbre. L'appui sur la flèche vers la droite déploie le nœud, ensuite l'appui sur la flèche vers le bas permet de se déplacer aux nouveaux nœuds ouverts. Cette séquence de navigation suit la séquence attendue pour un contrôle d'arborescence - lorsque des éléments supplémentaires sont ouverts ou refermés, ils sont ajoutés ou supprimés de la séquence de navigation.

3. Une page web implémente des boîtes de dialogue non modales via un script. Lorsque le bouton de déclenchement est activé, une boîte de dialogue s'ouvre. Les éléments interactifs du dialogue sont ajoutés au parcours du focus, immédiatement après le bouton. Lorsque le dialogue s'ouvre, le parcours du focus va du bouton aux éléments du dialogue, puis à l'élément interactif suivant le bouton. Lorsque le dialogue est fermé, le parcours du focus va du bouton à l'élément suivant.

4. Une page web implémente des boîtes de dialogue modales via un script. Lorsque le bouton de déclenchement est activé, la boîte de dialogue s'ouvre et le focus est placé sur le premier élément interactif du dialogue. Tant que la boîte de dialogue reste ouverte, le focus est restreint aux éléments de la boîte de dialogue. Lorsque la boîte de dialogue disparaît, le focus revient sur le bouton ou sur l'élément suivant le bouton.

5. Une page html est conçue de sorte que la navigation de gauche soit située après le contenu principal dans le code html, et stylée par CSS de façon à apparaître sur la gauche de la page. Cela afin de permettre au focus de se placer d'abord sur le contenu principal sans avoir à utiliser l'attribut tabIndex ou du javascript.

   Note : bien que cet exemple passe ce critère de succès, ce ne sera pas nécessairement vrai pour tous les positionnements par CSS. D'autres exemples de positionnements plus complexes peuvent ou non préserver la signification et l'opérabilité.

6. L'exemple suivant ne satisfait pas le critère de succès :

   Le site d'une entreprise contient un formulaire destiné à recueillir des données marketing et permet à l'utilisateur de s'inscrire à plusieurs lettres d'informations publiées par l'entreprise. La section du formulaire destinée à recueillir les données marketing comporte des champs tels que nom, nom de rue, ville, état ou province, et code postal. Une autre section du formulaire comporte plusieurs cases à cocher afin que l'utilisateur puisse indiquer quelle lettre d'information il souhaite recevoir. Cependant, l'ordre de tabulation du formulaire passe d'un champ à l'autre des différentes sections, de sorte que le focus passe du champ nom à une case à cocher, puis au champ nom de rue, puis à une autre case à cocher.

Techniques et échecs pour le critère de succès 2.4.3 - Parcours du focus

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

page Web

une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur

Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.

Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.

Exemple 1 : une ressource Web incluant toutes les images et médias liés.

Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.

Exemple 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.

Exemple 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.

parcouru de façon séquentielle

parcouru dans l'ordre défini par le déplacement du focus (d'un élément à l'autre) en utilisant une interface clavier

Exemples pour le critère de succès 2.4.4

• Un lien contient un texte qui donne une description concernant les informations à cette URI

  Une page contient la phrase « Il y eut beaucoup de massacres durant la période médiévale », où « période médiévale » est un lien.

• Un lien est précédé d'une description textuelle concernant l'information à cette URI

  Une page contient la phrase : « en savoir plus sur la Commission du gouvernement irlandais sur le vote électronique sur Allez voter ! » où « Allez voter ! » est un lien.

• Une icône et un texte sont tous deux insérés dans un lien

  L'icône d'une machine à voter et le texte « Commission du gouvernement irlandais sur le vote électronique » sont combinés pour ne former qu'un seul lien. Le texte alternatif pour l'icône est vide puisque la fonction du lien est déjà décrite par le texte du lien à côté de l'icône.

• Une liste de titres de livres

  Une liste de livres est disponible sous trois formats : HTML, PDF et mp3 (l'enregistrement d'une personne lisant le livre). Pour éviter d'avoir à entendre le titre de chaque livre trois fois (une fois pour chaque format), le premier lien pour chaque livre est le titre du livre, le second lien est « PDF » et le troisième « mp3 ».

• Résumés d'articles d'actualités

  Une page contient un ensemble d'articles d'actualités. La page principale donne les quelques premières phrases de chaque article, suivies d'un lien « Lire la suite ». La commande d'un lecteur d'écran pour lire le paragraphe courant fournit le contexte permettant d'interpréter la fonction du lien.

Techniques et échecs pour le critère de succès 2.4.4 - Fonction du lien (selon le contexte)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

ambigu pour tout utilisateur

l'intention ne peut être déterminée à partir du lien et de toute l'information de la page Web présentée à l'utilisateur en même temps que ce lien. (c'est-à-dire qu'un lecteur sans limitations fonctionnelles ne connaîtrait pas la fonction d'un lien avant de l'activer)

Exemple : le mot goyave dans la phrase suivante utilisé comme lien : « L'une des exportations importantes est la goyave ». Ce lien pourrait conduire à une définition de la goyave, à un graphe présentant une liste des quantités de goyave exportées ou à une photo de gens récoltant la goyave. Jusqu'à ce que le lien soit activé, tout utilisateur est dans l'incertitude et une personne handicapée n'est donc pas désavantagée.

contexte du lien déterminé par un programme informatique

information supplémentaire qui peut être déterminée par un programme informatique à partir des relations avec un lien, combinée avec le texte du lien et présentée aux utilisateurs sous différentes formes

Exemple : en HTML, l'information qui est déterminée par un programme informatique à partir d'un lien en français, y compris le texte qui est dans le même paragraphe, la même liste ou la même cellule de tableau que le lien, ou une cellule d'en-tête de tableau associée avec la cellule contenant le lien.

Note : puisque les lecteurs d'écran interprètent la ponctuation, ils peuvent aussi fournir le contexte de la phrase en cours, lorsque le focus est sur le lien contenu dans cette phrase.

fonction du lien

nature d'un résultat obtenu par l'activation d'un lien

Exemples pour le critère de succès 2.4.5

• Un mécanisme de recherche.

  Une grande entreprise de plats cuisinés propose un site qui contient des recettes à réaliser à partir de ses produits. Le site fournit un mécanisme de recherche permettant de chercher des recettes en utilisant un ingrédient particulier. De plus, il propose une liste déroulante avec plusieurs catégories de plats. Un utilisateur peut écrire « soupe » dans le moteur de recherche ou sélectionner « soupe » dans la liste déroulante pour aller à une page contenant une liste de recettes à base de soupes vendue par l'entreprise.

• Des liens entre pages web.

  Un salon de coiffure local a créé un site web pour promouvoir ses services. Le site ne contient que cinq pages web. Sur chaque page, des liens permettent de passer séquentiellement à la page précédente ou suivante. De plus, chaque page contient une liste de liens pour se rendre sur chacune des autres pages.

• Lorsque le contenu résulte d'un processus ou d'une tâche - confirmation de transfert de fonds.

  Un site de banque en ligne permet le transfert de fonds entre comptes via le Web. Il n'existe pas d'autres moyens de localiser la confirmation de transfert de fonds avant que le propriétaire du compte n'ait terminé le transfert.

• Lorsque le contenu résulte d'un processus ou d'une tâche - résultat d'un moteur de recherche.

  Un moteur de recherche retourne des résultats en fonction de ce qu'a saisi l'utilisateur. Il n'existe pas d'autres moyens de localiser les résultats sans exécuter le processus de recherche lui-même.

Techniques et échecs pour le critère de succès 2.4.5 - Accès multiples

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

ensemble de pages Web

groupe de pages Web partageant un objectif commun et créées par le même auteur, groupe ou organisation

Note : différentes versions linguistiques seraient considérées comme des ensembles de pages Web distincts.

page Web

une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur

Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.

Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.

Exemple 1 : une ressource Web incluant toutes les images et médias liés.

Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.

Exemple 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.

Exemple 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.

processus

séries d'actions de l'utilisateur dont l'enchaînement est nécessaire à l'accomplissement d'une tâche

Exemple 1 : utilisation réussie par l'utilisateur, sur un site de vente, d'un enchaînement de pages Web permettant de voir différents produits, des prix et des offres, de sélectionner des produits, de soumettre une commande, de fournir les informations d'envoi et de paiement.

Exemple 2 : une page permettant de créer un compte utilisateur nécessitant l'accomplissement d'un test de Turing avant de pouvoir accéder à cette page de formulaire de création de compte.

Exemples pour le critère de succès 2.4.6

• Un site d'actualités

  La page d'accueil d'un site d'actualités donne la liste des gros titres des faits marquants de l'heure. Sous chaque titre sont affichés les 35 premiers mots de la dépêche et un lien vers l'article complet. Chaque gros titre donne une idée claire du sujet de l'article.

• Un manuel pour bien écrire

  Un manuel pour bien écrire contient les sections suivantes : Comment bien écrire, Supprimer les mots inutiles, identifier les mots non indispensables, etc. Les en-têtes de sections sont clairs et concis et la structure de l'information est reflétée par la structure des en-têtes.

• Exemple 3 : cohérences des en-têtes dans différents articles

  Un site contient des supports de conférences. Les articles proposés à la conférence doivent être organisés de la façon suivante : Résumé, Introduction, (autres sections propres à cet article), Conclusion, Biographie de l'auteur, Glossaire, Bibliographie. Les titres de chaque page identifient l'article qu'elle contient, en créant un bon équilibre entre l'unicité des titres d'articles et la cohérence des titres de sections.

Techniques et échecs pour le critère de succès 2.4.6 - En-têtes et étiquettes

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

étiquette

texte ou autre composant avec un équivalent textuel qui est restitué à l'utilisateur pour permettre d'identifier un composant dans un contenu Web

Note 1 : une étiquette est présentée à tous les utilisateurs alors que le nom peut être masqué et seulement restitué par une technologie d'assistance. Dans de nombreux cas (mais pas tous) le nom et l'étiquette sont identiques.

Note 2 : le terme étiquette n'est pas limité à l'élément label en HTML.

Exemples pour le critère de succès 2.4.7

• Lorsque des champs de saisie reçoivent le focus, une barre verticale apparaît dans le champ, indiquant à l'utilisateur qu'il peut entrer du texte, ou tout le texte est mis en surbrillance, indiquant à l'utilisateur qu'il peut écrire par-dessus le texte.

• Lorsqu'un contrôle d'interface utilisateur reçoit le focus, il est entouré d'une bordure.

Techniques et échecs pour le critère de succès 2.4.7 - Visibilité du focus

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Exemples pour le critère de succès 2.4.8

• Des liens pour aider l'utilisateur à déterminer où il se situe dans un site

  Un groupe de recherche fait partie d'un département d'enseignement dans une université. La page d'accueil du groupe est liée à la page d'accueil du département et à celle de l'université.

• Un fil d'Ariane

  Un site portail organise les sujets par catégories. Tandis que l'utilisateur navigue à travers les catégories et sous-catégories, un fil d'Ariane indique l'emplacement courant dans la hiérarchie des catégories. Chaque page comporte également un lien vers la page d'accueil du portail.

Techniques et échecs pour le critère de succès 2.4.8 - Localisation

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

ensemble de pages Web

groupe de pages Web partageant un objectif commun et créées par le même auteur, groupe ou organisation

Note : différentes versions linguistiques seraient considérées comme des ensembles de pages Web distincts.

Exemples pour le critère de succès 2.4.9

• Une icône et un texte sont tous deux insérés dans le même lien

  L'icône d'une machine à voter et le texte « Commission du gouvernement Irlandais sur le Vote Électronique » sont combinés pour ne former qu'un seul lien.

• Une liste de titres de livres

  Une liste de livres est disponible sous trois formats : HTML, PDF et MP3 (l'enregistrement d'une personne lisant le livre). Le titre du livre est suivi des liens vers les différents formats. Le texte affiché pour chaque lien est simplement le type de format, mais le texte associé à chaque lien comprend le titre du livre ainsi que le format ; par exemple « Les voyages de Gulliver, MP3 ».

Techniques et échecs pour le critère de succès 2.4.9 - fonction du lien (lien uniquement)

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

ambigu pour tout utilisateur

l'intention ne peut être déterminée à partir du lien et de toute l'information de la page Web présentée à l'utilisateur en même temps que ce lien. (c'est-à-dire qu'un lecteur sans limitations fonctionnelles ne connaîtrait pas la fonction d'un lien avant de l'activer)

Exemple : le mot goyave dans la phrase suivante utilisé comme lien : « L'une des exportations importantes est la goyave ». Ce lien pourrait conduire à une définition de la goyave, à un graphe présentant une liste des quantités de goyave exportées ou à une photo de gens récoltant la goyave. Jusqu'à ce que le lien soit activé, tout utilisateur est dans l'incertitude et une personne handicapée n'est donc pas désavantagée.

mécanisme

processus ou technique pour obtenir un résultat

Note 1 : le mécanisme peut être explicitement fourni par le contenu ou dépendre de la plateforme ou de l'agent utilisateur, y compris les technologies d'assistance.

Note 2 : le mécanisme doit satisfaire à tous les critères de succès (d'un niveau donné) pour déclarer un niveau de conformité.

Exemples pour le critère de succès 2.4.10

• Un menu contient différentes sections pour différentes catégories. Chaque section possède un en-tête : amuse-bouche, salade, soupe, entrée, dessert.

• Une application Web possède une page de paramétrages divisée en groupes de paramètres ayant un rapport entre eux. Chaque section possède un en-tête décrivant la classe de paramètres.

Techniques et échecs pour le critère de succès 2.4.10 - En-têtes de section

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

composant d'interface utilisateur

partie du contenu qui est perçue par les utilisateurs comme un élément de contrôle unique pour une fonction distincte

Note 1 : plusieurs composants d'interface utilisateur peuvent être implémentés au sein d'un seul programme. La notion de composant n'est pas liée ici aux techniques de programmation, mais plutôt à ce que les utilisateurs perçoivent comme des éléments de contrôle distincts.

Note 2 : les composants d'interface utilisateur incluent les éléments de formulaire et les liens aussi bien que des composants générés par scripts.

Exemple : un microprogramme (applet) dispose d'un « élément de contrôle » permettant de se déplacer dans le contenu ligne par ligne, page par page ou au hasard. Puisque chacune de ces fonctions devrait avoir un nom et fonctionner indépendamment, elles constitueraient chacune un « composant d'interface utilisateur ».

section

une portion autonome de contenu écrit qui traite d'un ou plusieurs sujets ou idées liés entre eux

Note : une section peut consister en un ou plusieurs paragraphes et inclure des graphiques, des tableaux, des listes et des sous-sections.

Lisible :
Comprendre la règle 3.1

Règle 3.1 : rendre le contenu textuel lisible et compréhensible.

Exemples pour le critère de succès 3.1.1

• Exemple 1. Une page Web avec du contenu en deux langues

  Une page Web produite en Allemagne et écrite en HTML contient du contenu en allemand et en anglais mais la majorité du contenu est en allemand. La langue par défaut est identifiée comme l'allemand, (de), par l'attribut lang sur l'élément html.

Techniques et échecs pour le critère de succès 3.1.1 - Langue de la page

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

déterminé (déterminable) par un programme informatique

déterminé par un programme à partir de données fournies par l'auteur d'une manière qui permet aux agents utilisateurs, y compris les technologies d'assistance, d'extraire et de présenter cette information aux utilisateurs sous différentes formes

Exemple 1 : déterminé dans un langage de balisage à partir d'éléments et d'attributs auxquels on accède grâce aux technologies d'assistance couramment disponibles.

Exemple 2 : déterminé grâce à des structures de données spécifiques d'une technologie pour un langage non-balisé et exposée aux technologies d'assistance via une API d'accessibilité aux technologies d'assistance couramment disponibles.

langue

langue qui est parlée, écrite ou signée (à l'aide des signes visuels ou tactiles) pour communiquer avec les humains

Note : voir aussi langue des signes.

Page Web

une ressource autonome obtenue depuis un URI unique grâce au protocole HTTP, accompagnée de toutes les autres ressources utilisées dans la restitution ou conçues pour être restituées simultanément par un agent utilisateur

Note 1 : bien que toutes les « autres ressources » seraient restituées avec la ressource primaire, elles ne sont pas nécessairement restituées simultanément.

Note 2 : à des fins de conformité avec ces règles, une ressource doit être autonome à l'intérieur du périmètre de conformité pour être considérée comme une page Web.

Exemple 1 : une ressource Web incluant toutes les images et médias liés.

Exemple 2 : un programme Web de courrier électronique (Webmail) développé à l'aide d'AJAX (Asynchronous JavaScript and XML, JavaScript asynchrone et XML). Le programme réside intégralement à l'adresse http://exemple.com/mail, mais comprend une boîte de réception, un carnet d'adresses et un calendrier. Des liens et des boutons permettent d'afficher la boîte de réception, les contacts ou le calendrier, mais ne changent pas globalement l'URI de la page.

Exemple 3 : un site portail personnalisable, dans lequel les utilisateurs peuvent choisir le contenu à afficher à partir d'un ensemble de modules de contenu.

Exemple 4 : quand on saisit « http://shopping.exemple.com/ » dans son navigateur, on entre dans un environnement commercial animé et interactif dans lequel on se déplace visuellement dans une boutique, retirant les produits directement depuis les rayons pour les placer dans un panier d'achat face à soi. Cliquer sur un produit déclenche une démonstration avec la fiche technique juste à côté. Cela peut être un site Web à page unique ou simplement une page à l'intérieur d'un site Web.

Exemples du critère de succès 3.1.2

1. Une expression allemande dans une phrase en français.

   Dans la phrase, « Il soutint que la DDR (République Démocratique Allemande) était juste un « Treppenwitz der Weltgeschichte », l'expression allemande « Treppenwitz der Weltgeschichte » est marquée comme étant de l'Allemand. En fonction du langage de balisage, le Français peut être soit marqué comme la langue de l'ensemble du document sauf là où autre chose est spécifié, ou marqué au niveau du paragraphe. Lorsqu'un lecteur d'écran rencontre l'expression allemande, il change les règles de prononciation du Français vers l'Allemand afin de prononcer le mot correctement.

2. Liens en langue alternative

   Une page Web en HTML contient des liens vers des versions de la page dans d'autres langues (par exemple Deutsch, English, Nederlands, Castellano, etc.). Le texte de chaque lien est le nom de la langue, dans cette langue. La langue de chaque lien est indiquée via un attribut lang.

3. « podcast » utilisé dans une phrase en français.

   Parce que « podcast » fait partie du langage courant de la langue utilisée dans le contexte immédiat, l'extrait suivant « À l'occasion de l'exposition “ Énergie Éternelle. 1500 ans d'art indien ”, le Palais des Beaux-Arts de Bruxelles a lancé son premier podcast. Vous pouvez télécharger ce podcast au format M4A et MP3 » aucune indication de changement de langue n'est nécessaire.

Techniques et échecs pour le critère de succès 3.1.2 - Langue d'un passage

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

déterminé (déterminable) par un programme informatique

déterminé par un programme à partir de données fournies par l'auteur d'une manière qui permet aux agents utilisateurs, y compris les technologies d'assistance, d'extraire et de présenter cette information aux utilisateurs sous différentes formes

Exemple 1 : déterminé dans un langage de balisage à partir d'éléments et d'attributs auxquels on accède grâce aux technologies d'assistance couramment disponibles.

Exemple 2 : déterminé grâce à des structures de données spécifiques d'une technologie pour un langage non-balisé et exposée aux technologies d'assistance via une API d'accessibilité aux technologies d'assistance couramment disponibles.

langue

langue qui est parlée, écrite ou signée (à l'aide des signes visuels ou tactiles) pour communiquer avec les humains

Note voir aussi langue des signes.

Exemples pour le critère de succès 3.1.3

• Un texte qui contient la définition d'un mot utilisé de façon inhabituelle.

  Organiser la liste ou la « cascade » des dictionnaires et autres ressources afin que la recherche de la définition trouve les définitions visées au lieu d'afficher des définitions provenant d'autres sources dans la « cascade. » (la « cascade » donne la liste des dictionnaires et autres documents de référence dans l'ordre le plus approprié pour donner la définition correcte. Cela contrôle l'ordre à suivre lors de la recherche de définitions.)

• Inclure des définitions dans le glossaire.

  Les WCAG 2.0 utilisent le mot « texte » dans un contexte spécifique. Ainsi, lorsque le mot « texte » est utilisé dans les WCAG 2.0, il est relié à la définition de « texte » fournie par un glossaire sur la même page Web.

• La définition spécifique d'un mot est fournie en bas de la page.

  Le lien interne du mot vers la définition correspondante est également fourni dans la page.

Techniques et échecs pour le critère de succès 3.1.3 - Mots rares

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.

Mots clés

expression idiomatique

phrase dont le sens ne peut être déduit du sens des mots qui la composent et dont les mots spécifiques ne peuvent être changés sans en perdre le sens

Note : les expressions idiomatiques ne peuvent être traduites littéralement sans perdre leur sens (culturel ou linguistique).

Exemple 1 : en anglais, « spilling the beans » signifie « révéler un secret ». Cependant, « knocking over the beans » ou « spilling the vegetables » ne signifie pas la même chose.

Exemple 2 : en japonais, la phrase « さじを投げる » se traduit littéralement par « il jette une cuillère » mais cela signifie qu'il n'y a rien qu'il puisse faire et que finalement il abandonne.

Exemple 3 : en néerlandais, « Hij ging met de kippen op stok » se traduit littéralement par « il est allé rôtir avec les poulets » mais cela signifie qu'il est allé au lit tôt.

jargon

termes utilisés par les personnes d'une façon particulière dans un domaine particulier

Exemple : les termes « touches rémanentes » sont du jargon du domaine des technologies d'assistance.

mécanisme

processus ou technique pour obtenir un résultat

Note 1 : le mécanisme peut être explicitement fourni par le contenu ou dépendre de la plateforme ou de l'agent utilisateur, y compris les technologies d'assistance.

Note 2 : le mécanisme doit satisfaire à tous les critères de succès (d'un niveau donné) pour déclarer un niveau de conformité.

utilisé de manière inhabituelle ou de façon limitée

mots employés de telle manière qu'ils obligent les utilisateurs à savoir exactement quelle définition appliquer afin de comprendre correctement le contenu

Example : le terme « mémoire » possède une signification différente dans une conversation universitaire de celle qu'il peut avoir dans un article consacré au stockage informatique, mais la définition pertinente peut être déduite du contexte. À l'inverse, le mot « texte » est utilisé de manière très spécifique dans les WCAG 2.0, à tel point qu'une définition figure dans le glossaire.

Exemples pour le critère de succès 3.1.4

• Une abréviation dont la forme complète est fournie la première fois que l'abréviation apparaît dans le contenu.

  Le nom, « World Wide Web Consortium, » apparaît comme premier en-tête sur la page d'accueil de l'organisme. L'abréviation « W3C, » est entourée de parenthèses dans le même en-tête.

• Un formulaire de recherche dans un dictionnaire.

  Un site Web comprend un formulaire de recherche fourni par un service d'acronyme en ligne. L'utilisateur saisit un acronyme et le formulaire renvoie la liste des formes complètes possibles d'après les sources parmi lesquelles il a fait la recherche.

• Un site Web médical.

  Un site Web médical donne des informations aux médecins et aux patients. Le site comprend un ensemble de dictionnaires en cascade ; il y a d'abord un dictionnaire médical très spécialisé puis un second dictionnaire médical pour le public en général. La cascade comprend aussi une liste d'acronymes et d'abréviations uniques au site et enfin, il y a aussi un dictionnaire standard. Le dictionnaire standard qui est à la fin de la liste fournit les définitions de la plupart des mots dans le texte. Le dictionnaire médical spécialisé donne les définitions de termes médicaux non usuels. Les définitions des mots apparaissant dans plus d'un dictionnaire sont listées dans l'ordre de la cascade. La signification des acronymes et des abréviations est fournie par la liste des abréviations et acronymes.

• La forme complète d'abréviations.

  La forme complète de chaque abréviation est disponible d'une façon déterminable par un programme informatique. Les agents utilisateurs qui prononcent le texte peuvent utiliser la forme complète pour annoncer l'abréviation. D'autres agents utilisateurs peuvent rendre la forme complète disponible par une info-bulle ou une aide contextuelle pour l'abréviation.

Techniques et échecs pour le critère de succès 3.1.4 - abréviations

Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.