Dessin pour marque page facile a faire

Après l'ouverture des cadeaux au petit matin du 25 décembre, réunissez vos proches autour d'un délicieux brunch de Noël où vous mettrez les produits de fête à l'honneur ! Brioche au foie gras, œuf cocotte truffé, verrines au pain d'épices... Autant d'idées de recettes qui donneront à cette journée d'exception une ambiance festive, gourmande et convivale.

Les Règles des WCAG 2.0

Cette section est normative.

Principe 1 : perceptible - L'information et les composants de l'interface utilisateur doivent être présentés à l'utilisateur de façon à ce qu'il puisse les percevoir.

Règle 1.1 Les équivalents textuels : 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é.

Comprendre la règle 1.1 (en anglais)

1.1.1 Contenu non textuel : tout contenu non-textuel présenté à l'utilisateur a un équivalent textuel qui remplit une fonction équivalente sauf dans les situations énumérées ci-dessous. (Niveau A)

• Composant d'interface ou de saisie : si le contenu non textuel est un composant d'interface ou s'il permet la saisie d'informations par l'utilisateur, alors il a un nom qui décrit sa fonction. (Se référer à la Règle 4.1 pour des exigences supplémentaires à propos des composants d'interfaces utilisateur ou des contenus qui permettent la saisie d'informations par l'utilisateur.)

• Média temporel : si le contenu non textuel est un média temporel, alors l'équivalent textuel fournit au moins une identification descriptive du contenu non textuel. (Se référer à la Règle 1.2 pour des exigences supplémentaires concernant les médias temporels.)

• Test : si le contenu non textuel est un test ou un exercice qui serait invalide s'il était présenté en texte, alors l'équivalent textuel fournit au moins une identification descriptive du contenu non textuel.

• Contenu sensoriel : si le contenu non textuel vise d'abord à créer une expérience sensorielle spécifique, l'équivalent textuel fournit au moins une identification descriptive de ce contenu non textuel.

• CAPTCHA : si ce contenu non textuel vise à confirmer que le contenu est consulté par une personne plutôt que par un ordinateur, alors un équivalent textuel est fourni pour identifier et décrire la fonction du contenu non textuel, et des formes alternatives du CAPTCHA sont proposées pour différents types de perception sensorielle afin d'accommoder différents types de limitations fonctionnelles.

• Décoration, formatage, invisibilité : si le contenu non textuel est purement décoratif, s'il est utilisé seulement pour un formatage visuel ou s'il n'est pas présenté à l'utilisateur, alors il est implémenté de manière à être ignoré par les technologies d'assistance.

Comment satisfaire à 1.1.1 (en anglais)| Comprendre 1.1.1 (en anglais)

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

Comprendre la règle 1.2 (en anglais)

1.2.1 Contenu seulement audio ou vidéo (pré-enregistré) : pour des médias pré-enregistrés seulement audio et pré-enregistrés seulement vidéo, sauf si l'audio ou la vidéo sont un média de remplacement pour un texte et qu'ils sont clairement identifiés comme tels : (Niveau A)

• Contenu pré-enregistré seulement audio : fournir une version de remplacement pour un média temporel, présentant une information équivalente au contenu seulement audio.

• Contenu pré-enregistré seulement vidéo : fournir, soit une version de remplacement pour un média temporel, soit une piste audio (présentant une information équivalente) pour un contenu pré-enregistré seulement vidéo.

Comment satisfaire à 1.2.1 (en anglais) | Comprendre 1.2.1 (en anglais)

1.2.2 Sous-titres (pré-enregistrés) : fournir des sous-titres pour tout contenu audio pré-enregistré dans un média synchronisé, excepté lorsque le média est un média de remplacement pour un texte et qu'il est clairement identifié comme tel. (Niveau A)

Comment satisfaire à 1.2.2 (en anglais) | Comprendre 1.2.2 (en anglais)

1.2.3 Audio-description ou version de remplacement pour un média temporel (pré-enregistré) : fournir une version de remplacement pour un média temporel ou une audio-description du contenu vidéo pré-enregistré pour un média synchronisé, excepté quand le média est un média de remplacement pour un texte et qu'il est clairement identifié comme tel. (Niveau A)

Comment satisfaire à 1.2.3 (en anglais) | Comprendre 1.2.3 (en anglais)

1.2.4 Sous-titres (en direct) : fournir des sous-titres pour tout contenu audio en direct, sous forme de média synchronisé. (Niveau AA)

Comment satisfaire à 1.2.4 (en anglais) | Comprendre 1.2.4 (en anglais)

1.2.5 Audio-description (pré-enregistrée) : fournir une audio-description pour tout contenu vidéo pré-enregistré, sous forme de média synchronisé. (Niveau AA)

Comment satisfaire à 1.2.5 (en anglais) | Comprendre 1.2.5 (en anglais)

1.2.6 Langue des signes (pré-enregistrée) : fournir une interprétation en langue des signes pour tout contenu audio pré-enregistré, sous forme de média synchronisé. (Niveau AAA)

Comment satisfaire à 1.2.6 (en anglais) | Comprendre 1.2.6 (en anglais)

1.2.7 Audio-description étendue (pré-enregistrée) : lorsque les blancs présents dans le fond sonore ne sont pas suffisants pour permettre à l'audio-description de transmettre le sens de la vidéo, fournir une audio-description étendue pour tout contenu vidéo pré-enregistré sous la forme de média synchronisé. (Niveau AAA)

Comment satisfaire à 1.2.7 (en anglais) | Comprendre 1.2.7 (en anglais)

1.2.8 Version de remplacement pour un média temporel (pré-enregistrée) : fournir une version de remplacement pour un média temporel, pour tout contenu de type média synchronisé pré-enregistré et pour tout média pré-enregistré seulement vidéo. (Niveau AAA)

Comment satisfaire à 1.2.8 (en anglais) | Comprendre 1.2.8 (en anglais)

1.2.9 Seulement audio (en direct) : fournir une version de remplacement pour un média temporel, donnant une information équivalente pour un contenu seulement audio en direct. (Niveau AAA)

Comment satisfaire à 1.2.9 (en anglais) | Comprendre 1.2.9 (en anglais)

Règle 1.3 Adaptable : 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).

Comprendre la règle 1.3 (en anglais)

1.3.1 Information et relations : l'information, la structure et les relations véhiculées par la présentation peuvent être déterminées par un programme informatique ou sont disponibles sous forme de texte. (Niveau A)

Comment satisfaire à 1.3.1 (en anglais) | Comprendre 1.3.1 (en anglais)

1.3.2 Ordre séquentiel logique : lorsque l'ordre de présentation du contenu affecte sa signification, un ordre de lecture correct peut être déterminé par un programme informatique. (Niveau A)

Comment satisfaire à 1.3.2 (en anglais) | Comprendre 1.3.2 (en anglais)

1.3.3 Caractéristiques sensorielles : les instructions données pour la compréhension et l'utilisation du contenu ne doivent pas reposer uniquement sur les caractéristiques sensorielles des éléments comme la forme, la taille, l'emplacement visuel, l'orientation ou le son. (Niveau A)

Note : pour les exigences liées à la couleur, se référer à la Règle 1.4.

Comment satisfaire à 1.3.3 (en anglais) | Comprendre 1.3.3 (en anglais)

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

Comprendre la règle 1.4 (en anglais)

1.4.1 Utilisation de la couleur : la couleur n'est pas utilisée comme la seule façon de véhiculer de l'information, d'indiquer une action, de solliciter une réponse ou de distinguer un élément visuel. (Niveau A)

Note : ce critère de succès traite spécifiquement de la perception des couleurs. Les autres formes de perception sont traitées à la règle 1.3 comme l'accès à la couleur par programme informatique et les autres formes de codage de la présentation visuelle.

Comment satisfaire à 1.4.1 (en anglais) | Comprendre 1.4.1 (en anglais)

1.4.2 Contrôle du son : si du son sur une page Web est audible automatiquement pendant plus de 3 secondes, un mécanisme est disponible pour le mettre en pause, l'arrêter ou pour en contrôler le volume de façon indépendante du niveau de volume du système général. (Niveau A)

Note : puisque tout contenu ne satisfaisant pas à ce critère de succès peut interférer avec la capacité de l'utilisateur à exploiter la page entière, tout le contenu présent dans la page Web (qu'il soit utilisé pour satisfaire à d'autres critères de succès ou non) doit satisfaire à ce critère de succès. Voir l'exigence de conformité 5 : Non-interférence.

Comment satisfaire à 1.4.2 (en anglais) | Comprendre 1.4.2 (en anglais)

1.4.3 Contraste (minimum) : la présentation visuelle du texte et du texte sous forme d'image a un rapport de contraste d'au moins 4,5:1, sauf dans les cas suivants : (Niveau AA)

• Texte agrandi : le texte agrandi et le texte agrandi sous forme d'image ont un rapport de contraste d'au moins 3:1;

• Texte décoratif : aucune exigence de contraste pour le texte ou le texte sous forme d'image qui fait partie d'un composant d'interface utilisateur inactif, qui est purement décoratif, qui est invisible pour tous ou qui est une partie d'une image contenant un autre contenu significatif.

• Logotypes : aucune exigence de contraste pour le texte faisant partie d'un logo ou d'un nom de marque.

Comment satisfaire à 1.4.3 (en anglais) | Comprendre 1.4.3 (en anglais)

1.4.4 Redimensionnement du texte : à l'exception des sous-titres et du texte sous forme d'image, le texte peut être redimensionné jusqu'à 200 pour cent sans l'aide d'une technologie d'assistance et sans perte de contenu ou de fonctionnalité. (Niveau AA)

Comment satisfaire à 1.4.4 (en anglais) | Comprendre 1.4.4 (en anglais)

1.4.5 Texte sous forme d'image : si les technologies utilisées peuvent réaliser la présentation visuelle, du texte est utilisé pour véhiculer l'information plutôt que du texte sous forme d'image sauf dans les cas suivants : (Niveau AA)

• Personnalisable : le texte sous forme d'image peut être personnalisé visuellement selon les exigences de l'utilisateur;

• Essentielle : une présentation spécifique du texte est essentielle à l'information véhiculée.

Note : les logotypes sont considérés comme essentiels (le texte qui fait partie d'un logo ou d'un nom de marque).

Comment satisfaire à 1.4.5 (en anglais) | Comprendre 1.4.5 (en anglais)

1.4.6 Contraste (amélioré) : la présentation visuelle du texte et du texte sous forme d'image a un rapport de contraste d'au moins 7:1, sauf dans les cas suivants : (Niveau AAA)

• Texte agrandi : le texte agrandi et le texte agrandi sous forme d'image ont un rapport de contraste d'au moins 4,5:1;

• Texte décoratif : aucune exigence de contraste pour le texte ou le texte sous forme d'image qui fait partie d'un composant d'interface utilisateur inactif, qui est purement décoratif, qui est invisible pour tous ou qui est une partie d'une image contenant un autre contenu significatif.

• Logotypes : aucune exigence de contraste pour le texte faisant partie d'un logo ou d'un nom de marque.

Comment satisfaire à 1.4.6 (en anglais) | Comprendre 1.4.6 (en anglais)

1.4.7 Arrière-plan sonore de faible volume ou absent : pour un contenu seulement audio pré-enregistré qui (1) contient principalement de la parole au premier plan, (2) n'est pas un CAPTCHA ou un logo sonore et (3) qui n'est pas une vocalisation dont l'intention est principalement d'être musicale comme une chanson ou un rap, au moins l'une des conditions suivantes est vraie : (Niveau AAA)

• Sans arrière-plan : le contenu audio ne contient pas d'arrière-plan sonore.

• Désactivation : l'arrière-plan sonore peut être désactivé.

• 20 dB : l'arrière-plan sonore est au moins 20 décibels plus faible que le contenu parlé au premier plan sauf pour certains effets sonores occasionnels durant seulement une ou deux secondes.

  Note : par la définition du « décibel » , le volume de l'arrière-plan sonore correspondant à cette exigence est approximativement quatre fois plus faible que le contenu parlé au premier plan.

Comment satisfaire à 1.4.7 (en anglais) | Comprendre 1.4.7 (en anglais)

1.4.8 Présentation visuelle : pour la présentation visuelle des blocs de texte, un mécanisme est disponible permettant de réaliser ce qui suit : (Niveau AAA)

1. Les couleurs de premier plan et d'arrière-plan peuvent être choisies par l'utilisateur.

2. La largeur n'excède pas 80 caractères ou glyphes (40 si CJK).

3. Le texte n'est pas justifié (aligné simultanément à droite et à gauche).

4. L'espacement entre les lignes (interlignage) est d'une valeur d'au moins 1,5 dans les paragraphes et l'espacement entre les paragraphes est au moins 1,5 fois plus grand que la valeur de l'interligne.

5. La taille du texte peut être redimensionnée jusqu'à 200 pour cent sans l'aide d'une technologie d'assistance et sans que l'utilisateur soit obligé de faire défiler le texte horizontalement pour lire une ligne complète dans une fenêtre plein écran.

Comment satisfaire à 1.4.8 (en anglais) | Comprendre 1.4.8 (en anglais)

1.4.9 Texte sous forme d'image (sans exception) : le texte sous forme d'image est utilisé seulement pour du texte purement décoratif ou lorsqu'une présentation spécifique du texte est essentielle à l'information véhiculée. (Niveau AAA)

Note : les logotypes (le texte qui fait partie d'un logo ou d'un nom de marque) sont considérés comme essentiels.

Comment satisfaire à 1.4.9 (en anglais) | Comprendre 1.4.9 (en anglais)

Principe 2 : utilisable - Les composants de l'interface utilisateur et de navigation doivent être utilisables.

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

Comprendre la règle 2.1 (en anglais)

2.1.1 Clavier : toutes les fonctionnalités du contenu sont utilisables à l'aide d'une interface clavier sans exiger un rythme de frappe propre à l'utilisateur, sauf lorsque la fonction sous-jacente nécessite une saisie qui dépend du tracé du mouvement effectué par l'utilisateur et pas seulement des points de départ et d'arrivée de ce tracé. (Niveau A)

Note 1 : cette exception ne concerne que la fonction sous-jacente et non la technique de saisie. Par exemple, lorsqu'on utilise l'écriture manuscrite pour saisir du texte, la technique de saisie (l'écriture manuscrite) nécessite une saisie qui dépend d'un tracé, mais la fonction sous-jacente (la saisie de texte) ne le requiert pas.

Note 2 : cela n'interdit pas et ne devrait pas décourager l'utilisation de la souris ou de toute autre méthode de saisie en plus de l'utilisation du clavier.

Comment satisfaire à 2.1.1 (en anglais) | Comprendre 2.1.1 (en anglais)

2.1.2 Pas de piège au clavier : si le focus du clavier peut être positionné sur un élément de la page à l'aide d'une interface clavier, réciproquement, il peut être déplacé hors de ce même composant simplement à l'aide d'une interface clavier et, si ce déplacement exige plus que l'utilisation d'une simple touche flèche ou tabulation ou toute autre méthode standard de sortie, l'utilisateur est informé de la méthode permettant de déplacer le focus hors de ce composant. (Niveau A)

Note : puisque tout contenu ne satisfaisant pas à ce critère de succès peut interférer avec la capacité de l'utilisateur à exploiter la page entière, tout le contenu présent dans la page Web (qu'il soit utilisé pour satisfaire à d'autres critères de succès ou non) doit satisfaire à ce critère de succès. Voir l'exigence de conformité 5 : Non-interférence.

Comment satisfaire à 2.1.2 (en anglais) | Comprendre 2.1.2 (en anglais)

2.1.3 Clavier (pas d'exception) : toutes les fonctionnalités du contenu sont utilisables à l'aide d'une interface clavier sans exiger un rythme de frappe propre à l'utilisateur. (Niveau AAA)

Comment satisfaire à 2.1.3 (en anglais) | Comprendre 2.1.3 (en anglais)

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

Comprendre la règle 2.2

2.2.1 Réglage du délai : pour chaque limite de temps fixée par le contenu, au moins l'un des points suivants est vrai : (Niveau A)

• Suppression : l'utilisateur a la possibilité de supprimer la limite de temps avant de la rencontrer ; ou

• Ajustement : l'utilisateur a la possibilité d'ajuster la limite de temps avant de la rencontrer dans un intervalle d'au moins dix fois la durée paramétrée par défaut ; ou

• Extension : l'utilisateur est averti avant que la limite de temps n'expire et il lui est accordé au moins 20 secondes pour étendre cette limite par une action simple (par exemple, « appuyer sur la barre d'espace ») et l'utilisateur a la possibilité d'étendre la limite de temps au moins dix fois ; ou

• L'exception du temps réel : la limite de temps est une partie constitutive d'un événement en temps réel (par exemple, une enchère) et aucune alternative n'est possible ; ou

• l'exception de la limite essentielle : la limite de temps est essentielle et l'étendre invaliderait alors l'activité ; ou

• L'exception des 20 heures : la limite de temps est supérieure à 20 heures.

Note : ce critère de succès permet de s'assurer que les utilisateurs peuvent compléter leurs tâches sans changement inattendu de contenu ou de contexte résultant de la limite de temps. Il devrait être considéré conjointement avec le critère de succès 3.2.1, qui pose des limites aux changements de contenu ou de contexte résultant d'une action de l'utilisateur.

Comment satisfaire à 2.2.1 (en anglais) | Comprendre 2.2.1 (en anglais)

2.2.2 Mettre en pause, arrêter, masquer : pour toute information en mouvement, clignotante, défilante ou mise à jour automatiquement, tous les points suivants sont vrais : (Niveau A)

• Déplacement, clignotement, défilement : pour toute information en mouvement, clignotante ou défilante qui (1) démarre automatiquement, (2) dure plus de cinq secondes et (3) est présentée conjointement avec un autre contenu, il y a un mécanisme à la disposition de l'utilisateur pour la mettre en pause, l'arrêter ou la masquer, à moins que le mouvement, le clignotement ou le défilement s'avère un élément essentiel au bon déroulement de l'activité; et

• Mise à jour automatique : pour toute information mise à jour automatiquement qui (1) démarre automatiquement (2) et est présentée conjointement avec un autre contenu, il y a un mécanisme à la disposition de l'utilisateur pour la mettre en pause, l'arrêter ou pour en contrôler la fréquence des mises à jour à moins que la mise à jour automatique s'avère essentielle au bon déroulement de l'activité.

Note 1 : pour les exigences relatives au contenu scintillant ou flashant, se référer à la règle 2.3.

Note 2 : puisque tout contenu ne satisfaisant pas à ce critère de succès peut interférer avec la capacité de l'utilisateur à exploiter la page entière, tout le contenu présent dans la page Web (qu'il soit utilisé pour satisfaire à d'autres critères de succès ou non) doit satisfaire à ce critère de succès. Lire Exigence de conformité 5 : Non-interférence.

Note 3 : il n'est pas exigé que le contenu mis à jour périodiquement par logiciel ou diffusé en flux à l'agent utilisateur conserve ou présente l'information générée ou reçue entre la mise en pause et la reprise de la présentation, puisque cela peut ne pas être techniquement possible et s'avérer trompeur dans beaucoup de situations.

Note 4 : une animation survenant dans une phase de pré-chargement ou dans une situation similaire peut être considérée comme essentielle si aucune interaction n'est permise à tous les utilisateurs durant cette phase et si l'absence d'indication de progression est susceptible de perturber les utilisateurs ou de leur faire croire que le contenu est figé ou défectueux.

Comment satisfaire à 2.2.2 (en anglais) | Comprendre 2.2.2 (en anglais)

2.2.3 Pas de délai d'exécution : le temps n'est pas un facteur essentiel dans le déroulement de l'événement ou de l'activité, à l'exception des médias synchronisés non interactifs et des événements en temps réel. (Niveau AAA)

Comment satisfaire à 2.2.3 (en anglais) | Comprendre 2.2.3 (en anglais)

2.2.4 Interruptions : les interruptions peuvent être reportées ou supprimées par l'utilisateur, à l'exception des interruptions impliquant une urgence. (Niveau AAA)

Comment satisfaire à 2.2.4 (en anglais) | Comprendre 2.2.4 (en anglais)

2.2.5 Nouvelle authentification : quand une session authentifiée expire, l'utilisateur peut poursuivre son activité sans perte de données après une nouvelle authentification. (Niveau AAA)

Comment satisfaire à 2.2.5 (en anglais) | Comprendre 2.2.5 (en anglais)

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

Comprendre la Règle 2.3 (en anglais)

2.3.1 Pas plus de trois flashs ou sous le seuil critique : une page Web doit être exempte de tout élément qui flashe plus de trois fois dans n'importe quel intervalle d'une seconde ou ce flash doit se situer sous le seuil de flash générique et le seuil de flash rouge. (Niveau A)

Note : puisque tout contenu ne satisfaisant pas à ce critère de succès peut interférer avec la capacité de l'utilisateur à exploiter la page entière, tout le contenu présent dans la page Web (qu'il soit utilisé pour satisfaire à d'autres critères de succès ou non) doit satisfaire à ce critère de succès. Voir l'exigence de conformité 5 : Non-interférence.

Comment satisfaire à 2.3.1 (en anglais) | Comprendre 2.3.1 (en anglais)

2.3.2 Trois flashs : une page Web doit être exempte de tout élément qui flashe plus de trois fois dans n'importe quel intervalle d'une seconde. (Niveau AAA)

Comment satisfaire à 2.3.2 (en anglais) | Comprendre 2.3.2 (en anglais)

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

Comprendre la règle 2.4 (en anglais)

2.4.1 Contourner des blocs : un mécanisme permet de contourner les blocs de contenu qui sont répétés sur plusieurs pages Web. (Niveau A)

Comment satisfaire à 2.4.1 (en anglais) | Comprendre 2.4.1 (en anglais)

2.4.2 Titre de page : les pages Web présentent un titre qui décrit leur sujet ou leur but. (Niveau A)

Comment satisfaire à 2.4.2 (en anglais) | Comprendre 2.4.2 (en anglais)

2.4.3 Parcours du focus : si une page Web peut être parcourue de façon séquentielle et que les séquences de navigation affectent la signification ou l'action, les éléments reçoivent le focus dans un ordre qui préserve la signification et l'opérabilité. (Niveau A)

Comment satisfaire à 2.4.3 (en anglais) | Comprendre 2.4.3 (en anglais)

2.4.4 Fonction du lien (selon le contexte) : la fonction de chaque lien est déterminée par le texte du lien seul ou par le texte du lien associé à un contexte du lien déterminé par un programme informatique, sauf si la fonction du lien est ambiguë pour tout utilisateur. (Niveau A)

Comment satisfaire à 2.4.4 (en anglais) | Comprendre 2.4.4 (en anglais)

2.4.5 Accès multiples : une page Web peut être située par plus d'un moyen dans un ensemble de pages Web sauf si cette page est le résultat ou une étape d'un processus. (Niveau AA)

Comment satisfaire à 2.4.5 (en anglais) | Comprendre 2.4.5 (en anglais)

2.4.6 En-têtes et étiquettes : les en-têtes et les étiquettes décrivent le sujet ou le but. (Niveau AA)

Comment satisfaire à 2.4.6 (en anglais) | Comprendre 2.4.6 (en anglais)

2.4.7 Visibilité du focus : toute interface utilisable au clavier comporte un mode de fonctionnement où le focus est visible. (Niveau AA)

Comment satisfaire à 2.4.7 (en anglais) | Comprendre 2.4.7 (en anglais)

2.4.8 Localisation : l'utilisateur dispose d'informations pour se situer dans un ensemble de pages Web. (Niveau AAA)

Comment satisfaire à 2.4.8 (en anglais) | Comprendre 2.4.8 (en anglais)

2.4.9 Fonction du lien (lien uniquement) : un mécanisme permet de déterminer la fonction de chaque lien par le texte du lien uniquement, sauf si la fonction du lien est ambiguë pour tout utilisateur. (Niveau AAA)

Comment satisfaire à 2.4.9 (en anglais) | Comprendre 2.4.9 (en anglais)

2.4.10 En-têtes de section : les en-têtes de section sont utilisés pour organiser le contenu. (Niveau AAA)

Note 1 : « en-tête » est utilisé dans le sens général et comprend les titres et autres moyens de structurer les différents types de contenus.

Note 2 : ce critère de succès concerne les contenus de sections et non les composants d'interface utilisateur. Les composants d'interface utilisateur sont traités par le critère de succès 4.1.2.

Comment satisfaire à 2.4.10 (en anglais) | Comprendre 2.4.10 (en anglais)

Principe 3 : compréhensible - Les informations et l'utilisation de l'interface utilisateur doivent être compréhensibles.

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

Comprendre la règle 3.1 (en anglais)

3.1.1 Langue de la page : la langue par défaut de chaque page Web peut être déterminée par un programme informatique. (Niveau A)

Comment satisfaire à 3.1.1 (en anglais) | Comprendre 3.1.1 (en anglais)

3.1.2 Langue d'un passage : la langue de chaque passage ou expression du contenu peut être déterminée par un programme informatique sauf pour un nom propre, pour un terme technique, pour un mot dont la langue est indéterminée ou pour un mot ou une expression faisant partie du langage courant de la langue utilisée dans le contexte immédiat. (Niveau AA)

Comment satisfaire à 3.1.2 (en anglais) | Comprendre 3.1.2 (en anglais)

3.1.3 Mots rares : un mécanisme est disponible pour identifier la définition spécifique des mots ou expressions utilisés de manière inhabituelle ou de façon limitée, y compris les expressions idiomatiques et le jargon. (Niveau AAA)

Comment satisfaire à 3.1.3 (en anglais) | Comprendre 3.1.3 (en anglais)

3.1.4 Abréviations : un mécanisme est disponible pour identifier la forme complète ou la signification d'une abréviation. (Niveau AAA)

Comment satisfaire à 3.1.4 (en anglais) | Comprendre 3.1.4 (en anglais)

3.1.5 Niveau de lecture : lorsqu'un texte nécessite une capacité de lecture plus avancée que le premier cycle de l'enseignement secondaire, après la suppression des noms propres et des titres, un contenu additionnel ou une version qui ne requiert pas de capacité de lecture supérieure au premier cycle de l'enseignement secondaire est disponible. (Niveau AAA)

Comment satisfaire à 3.1.5 (en anglais) | Comprendre 3.1.5 (en anglais)

3.1.6 Prononciation : un mécanisme permet d'identifier la prononciation spécifique des mots dont la signification est ambiguë dans le contexte si leur prononciation n'est pas connue. (Niveau AAA)

Comment satisfaire à 3.1.6 (en anglais) | Comprendre 3.1.6 (en anglais)

Règle 3.2 Prévisible : faire en sorte que les pages apparaissent et fonctionnent de manière prévisible.

Comprendre la règle 3.2 (en anglais)

3.2.1 Au focus : quand un composant reçoit le focus, il ne doit pas initier de changement de contexte. (Niveau A)

Comment satisfaire à 3.2.1 (en anglais) | Comprendre 3.2.1 (en anglais)

3.2.2 À la saisie : le changement de paramètre d'un composant d'interface utilisateur ne doit pas initier de changement de contexte à moins que l'utilisateur n'ait été avisé de ce comportement avant d'utiliser le composant. (Niveau A)

Comment satisfaire à 3.2.2 (en anglais) | Comprendre 3.2.2 (en anglais)

3.2.3 Navigation cohérente : dans un ensemble de pages, les mécanismes de navigation qui se répètent sur plusieurs pages Web se présentent dans le même ordre relatif chaque fois qu'ils sont répétés, à moins qu'un changement soit initié par l'utilisateur. (Niveau AA)

Comment satisfaire à 3.2.3 (en anglais) | Comprendre 3.2.3 (en anglais)

3.2.4 Identification cohérente : dans un ensemble de pages Web les composants qui ont la même fonctionnalité sont identifiés de la même façon. (Niveau AA)

Comment satisfaire à 3.2.4 (en anglais) | Comprendre 3.2.4 (en anglais)

3.2.5 Changement à la demande : un changement de contexte est initié uniquement sur demande de l'utilisateur ou un mécanisme est disponible pour désactiver un tel changement. (Niveau AAA)

Comment satisfaire à 3.2.5 (en anglais) | Comprendre 3.2.5 (en anglais)

Règle 3.3 Assistance à la saisie : aider l'utilisateur à éviter et à corriger les erreurs de saisie.

Comprendre la règle 3.3 (en anglais)

3.3.1 Identification des erreurs : si une erreur de saisie est détectée automatiquement, l'élément en erreur est identifié et l'erreur est décrite à l'utilisateur sous forme de texte. (Niveau A)

Comment satisfaire à 3.3.1 (en anglais) | Comprendre 3.3.1 (en anglais)

3.3.2 Étiquettes ou instructions : des étiquettes sont présentées ou des instructions sont fournies quand un contenu requiert une saisie utilisateur. (Niveau A)

Comment satisfaire à 3.3.2 (en anglais) | Comprendre 3.3.2 (en anglais)

3.3.3 Suggestion après une erreur : si une erreur de saisie est automatiquement détectée et que des suggestions de corrections sont connues, ces suggestions sont alors proposées à l'utilisateur à moins que cela puisse compromettre la sécurité ou la finalité du contenu. (Niveau AA)

Comment satisfaire à 3.3.3 (en anglais) | Comprendre 3.3.3 (en anglais)

3.3.4 Prévention des erreurs (juridiques, financières, de données) : pour les pages Web qui entraînent des engagements juridiques ou des transactions financières de la part de l'utilisateur, qui modifient ou effacent des données contrôlables par l'utilisateur dans des systèmes de stockages de données, qui enregistrent les réponses de l'utilisateur à un test ou un examen, au moins l'une des conditions suivantes est vraie : (Niveau AA)

1. Réversible : les actions d'envoi sont réversibles.

2. Vérifiée : les données saisies par l'utilisateur sont vérifiées au niveau des erreurs de saisie et la possibilité est donnée à l'utilisateur de les corriger.

3. Confirmée : un mécanisme est disponible pour revoir, confirmer et corriger les informations avant leur soumission finale.

Comment satisfaire à 3.3.4 (en anglais) | Comprendre 3.3.4 (en anglais)

3.3.5 Aide : une aide contextuelle est disponible. (Niveau AAA)

Comment satisfaire à 3.3.5 (en anglais) | Comprendre 3.3.5 (en anglais)

3.3.6 Prévention des erreurs (toutes) : pour des pages Web demandant à l'utilisateur de soumettre des informations, au moins l'une des conditions suivantes est vraie : (Niveau AAA)

1. Réversible : les actions d'envoi sont réversibles.

2. Vérifiée : les données saisies par l'utilisateur sont vérifiées au niveau des erreurs de saisie et la possibilité est donnée à l'utilisateur de les corriger.

3. Confirmée : un mécanisme est disponible pour revoir, confirmer et corriger les informations avant leur soumission finale.

Comment satisfaire à 3.3.6 (en anglais) | Comprendre 3.3.6 (en anglais)

Principe 4 : robuste - Le contenu doit être suffisamment robuste pour être interprété de manière fiable par une large variété d'agents utilisateurs, y compris les technologies d'assistance.

Règle 4.1 Compatible : optimiser la compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d'assistance.

Comprendre la règle 4.1 (en anglais)

4.1.1 Analyse syntaxique : à moins que les spécifications ne le permettent, dans un contenu implémenté via un langage de balisage, les éléments ont des balises de début et de fin complètes, ils sont imbriqués conformément à leurs spécifications, ils ne contiennent pas d'attributs dupliqués et chaque ID est unique. (Niveau A)

Note: les balises de début et de fin auxquelles il manque un caractère critique, comme un chevron fermant ou un guillemet pour une valeur d'attribut, sont considérées incomplètes.

Comment satisfaire à 4.1.1 (en anglais) | Comprendre 4.1.1 (en anglais)

4.1.2 Nom, rôle et valeur : pour tout composant d'interface utilisateur (comprenant mais n'étant pas limité aux éléments de formulaire, liens et composants générés par des scripts), le nom et le rôle peuvent être déterminés par un programme informatique ; les états, les propriétés et les valeurs qui peuvent être paramétrés par l'utilisateur peuvent être définis par programmation ; et la notification des changements de ces éléments est disponible aux agents utilisateurs, incluant les technologies d'assistance. (Niveau A)

Note : ce critère de succès s'adresse d'abord aux auteurs qui développent ou programment leurs propres composants d'interface utilisateur. Toutefois, les contrôles HTML standards se conforment déjà à ce critère de succès lorsqu'ils sont utilisés conformément à la spécification.

Comment satisfaire à 4.1.2 (en anglais) | Comprendre 4.1.2 (en anglais)

Conformité

Cette section est normative.

Cette section reprend les exigences de conformité aux WCAG 2.0. Elle explique aussi comment faire une déclaration de conformité, ce qui est optionnel. Finalement, elle décrit la signification du terme compatible avec l'accessibilité, puisque la conformité ne peut dépendre que des technologies qui sont utilisées de manière compatible avec l'accessibilité. Le document Comprendre la conformité (en anglais) comprend des explications plus précises sur la notion de compatibilité avec l'accessibilité.

Les exigences de conformité

Afin qu'une page Web soit conforme aux WCAG 2.0, toutes les exigences suivantes doivent être satisfaites :

1. Niveau de conformité : l'un des niveaux de conformité suivants est atteint par le respect de la totalité de ses critères de succès.

• Niveau A : pour une conformité de niveau A (le niveau minimal de conformité), la page Web satisfait à tous les critères de succès de niveau A ou une version de remplacement conforme est fournie.

• Niveau AA : pour une conformité de niveau AA, la page Web remplit tous les critères de succès de niveau A et AA ou une version de remplacement conforme au niveau AA est fournie.

• Niveau AAA : pour une conformité de niveau AAA, la page Web remplit tous les critères de succès de niveau A, AA et AAA ou une version de remplacement conforme au niveau AAA est fournie.

Note 1 : bien que la conformité se définisse par paliers, les auteurs sont invités à mentionner (dans leur déclaration) tous les critères de succès satisfaits au-delà du niveau de conformité atteint.

Note 2 : il n'est pas recommandé de se fixer le niveau AAA comme objectif à l'échelle de sites entiers car il n'est pas possible de satisfaire à tous les critères de succès du niveau AAA pour certains contenus.

2. Pages complètes : la conformité (et le niveau de conformité) s'entend uniquement pour des pages Web complètes et ne peut être atteinte si une partie de la page Web est exclue.

Note 1 : dans le but de déterminer la conformité, les versions de remplacement à une partie du contenu de la page sont considérées comme une partie de la page quand les versions de remplacement peuvent être obtenues directement depuis la page, comme par exemple, une description longue ou la présentation de remplacement d'une vidéo.

Note 2 :les auteurs de pages Web qui ne peuvent être considérées comme conformes en raison d'un contenu qui n'est pas sous le contrôle de l'auteur peuvent envisager d'utiliser une déclaration de conformité partielle.

3. Processus complets : quand une page Web fait partie d'un ensemble représentant un processus (comme une succession d'étapes devant être complétées afin d'accomplir une activité), toutes les pages Web du processus sont conformes au moins au niveau spécifié. (La conformité à un certain niveau est impossible s'il existe une page de ce processus qui n'atteint pas au moins ce niveau.)

Exemple : une boutique en ligne présente une série de pages permettant de sélectionner et d'acheter des produits. Toutes les pages de la séquence depuis le début jusqu'à la fin (le paiement) sont conformes afin que toute page faisant partie du processus soit conforme.

4. L'usage des technologies selon des méthodes exclusivement compatibles avec l'accessibilité : la satisfaction à un critère de succès ne dépend que des méthodes d'utilisation des technologies qui sont compatibles avec l'accessibilité. Toute information ou fonctionnalité proposée d'une manière non compatible avec l'accessibilité est également disponible sous une forme compatible avec l'accessibilité. (Voir Comprendre la compatibilité avec l'accessibilité (en anglais).)

5. Non interférence : si des technologies sont employées de manière non compatible avec l'accessibilité ou non conforme, alors elles n'empêchent pas les utilisateurs d'accéder au reste de la page. En outre, la page Web dans sa globalité continue de répondre aux exigences de conformité dans chacun des cas suivants :

1. quand toute technologie non dépendante est activée dans l'agent utilisateur,

2. quand toute technologie non dépendante est désactivée dans l'agent utilisateur et

3. quand toute technologie non dépendante n'est pas reconnue par l'agent utilisateur

De plus, les critères de succès suivants s'appliquent à tout le contenu de la page, y compris au contenu dont on ne dépend pas autrement pour atteindre la conformité, car un échec à les satisfaire pourrait perturber toute utilisation de la page :

• 1.4.2 - Contrôle du son,

• 2.1.2 - Pas de piège au clavier,

• 2.3.1 - Pas plus de trois flashs ou sous le seuil critique et

• 2.2.2 - Mettre en pause, arrêter, masquer.

Note : si une page ne peut pas être rendue conforme (par exemple une page de test de la conformité ou une page d'exemple), elle ne peut pas être incluse dans le périmètre de conformité ou dans une déclaration de conformité.

Pour plus d'information et des exemples, voir Comprendre les exigences de conformité (en anglais).

Déclarations de conformité (optionnelle)

La conformité est définie seulement pour les pages Web. Toutefois, une déclaration de conformité peut être faite pour une seule page, une série de pages ou un ensemble de pages Web reliées entre elles.

Éléments requis pour une déclaration de conformité

Une déclaration de conformité n'est pas obligatoire. Les auteurs peuvent se conformer aux WCAG 2.0 sans faire aucune déclaration. Toutefois, si une déclaration de conformité est faite, cette déclaration de conformité doit inclure les informations suivantes :

1. Date de la déclaration;

2. Titre des Règles, version et URI : « Règles pour l'accessibilité des contenus Web 2.0 à http://www.w3.org/TR/2008/REC-WCAG20-20081211/ »

3. Niveau de conformité satisfait : (Niveau A, AA ou AAA)

4. Une brève description des pages Web, comme une liste d'URI pour lesquelles la déclaration est faite en précisant si les sous-domaines sont inclus dans la déclaration.

   Note 1 : les pages Web peuvent être décrites sous forme de liste ou par une expression qui décrit tous les URI inclus dans la déclaration.

   Note 2 : les produits Web qui ne comportent pas d'URI avant leur installation sur le site Web du client peuvent comporter un engagement à l'effet que le produit sera conforme une fois installé.

5. Une liste des technologies Web dont dépend l'utilisation du contenu.

Note : si un logo de conformité est utilisé, il devrait constituer une déclaration et doit donc être accompagné des éléments requis pour une déclaration de conformité tel qu'énumérés ci-dessus.

Éléments optionnels d'une déclaration de conformité

En plus des éléments ci-dessus qui sont requis pour une déclaration de conformité, considérer la possibilité d'ajouter des informations pour aider les utilisateurs. Les informations supplémentaires recommandées comprennent :

• Une liste des critères de succès qui vont au-delà du niveau de conformité atteint. Cette information devrait être donnée d'une façon que les utilisateurs pourront utiliser, de préférence sous la forme de métadonnées lisibles par machine.

• Une liste des technologies qui « sont utilisées mais dont l'utilisation du contenu ne dépend pas ».

• Une liste des agents utilisateurs, incluant les technologies d'assistance qui ont été utilisées pour vérifier le contenu.

• De l'information à propos des dispositions prises pour aller au-delà des critères de succès dans le but d'améliorer l'accessibilité.

• Une version lisible par machine d'une métadonnée sur les technologies spécifiques dont dépend l'utilisation du contenu.

• Une version lisible par machine de la déclaration de conformité.

Note 1 : lire Comprendre la déclaration de conformité (en anglais) pour plus d'information et pour des exemples de déclarations de conformité.

Note 2 : lire Comprendre les métadonnées (en anglais) pour plus d'informations à propos de l'utilisation des métadonnées dans une déclaration de conformité.

Déclaration de conformité partielle - Contenu fourni par un tiers

Parfois, des pages Web sont créées afin que l'on puisse y rajouter un contenu. Par exemple, une application Web de courrier électronique, un blogue, un article permettant l'ajout de commentaires par les utilisateurs ou des applications acceptant du contenu généré par l'utilisateur. Un autre exemple serait une page, telle que celles d'un portail ou d'un site d'informations, composées d'une somme de contenus rédigés par de multiples contributeurs ou des sites insérant automatiquement, au fur et à mesure, du contenu provenant d'autres sites, tels que des publicités insérées automatiquement.

Dans ces cas-là, il est impossible lors de l'affichage original de savoir quel sera le contenu non contrôlé de ces pages. Il est important de remarquer que le contenu non contrôlé peut également affecter l'accessibilité du contenu contrôlé. Deux options sont envisageables :

1. La détermination de conformité peut être basée sur la connaissance de l'existant. Si une page de ce type est vérifiée et réparée (le contenu non conforme est enlevé ou mis en conformité) en moins de deux jours ouvrables, alors une détermination ou affirmation de la conformité peut être faite puisque, excepté les erreurs dans le contenu généré en externe qui sont corrigées ou enlevées lorsqu'elles sont découvertes, la page est conforme. Aucune affirmation de conformité ne peut être faite s'il est impossible de vérifier ou de réparer le contenu non conforme

   ou

2. Une « déclaration de conformité partielle » peut être faite comme quoi la page n'est pas conforme, mais qu'elle pourrait l'être si certaines parties étaient enlevées. La forme de cette déclaration pourrait être : « Cette page n'est pas conforme, mais pourrait être conforme aux WCAG 2.0 niveau X si les parties suivantes, issues de sources non contrôlées, lui étaient retirées ». De plus, ce qui suit pourrait également être reconnu comme un contenu non contrôlé comme décrit dans la déclaration de conformité partielle :

   1. C'est du contenu qui n'est pas contrôlé par l'auteur.

   2. C'est du contenu décrit de façon à être identifié par les utilisateurs (par exemple, on ne peut pas les décrire comme « toutes les parties que nous ne contrôlons pas » à moins qu'elles ne soient clairement marquées comme telles).

      Comment faire un Marque

      Faire un marque-page classique en papier. Choisissez votre papier. Choisissez un papier cartonné épais pour faire le support de votre marque-page, puis choisissez un motif ou une image à coller par-dessus. Vous pourriez faire un collage avec différents papiers ou plusieurs images différentes.

      Quel papier utiliser pour faire des marques pages ?

      En général, le papier utilisé pour faire un marque pages est de 300 gr. Il peut être inférieur. Mais, il devient alors plus fragile et moins commode. Il se plie et peut se déchirer.

      Comment faire un signet maison ?

      Découpez un rectangle dans un vieux pyjama de bébé et cousez les bords pour éviter qu'il s'effiloche. Ajoutez un pompon ou un ruban au bout et vous aurez un signet solide qui fera aussi office de souvenir de bébé.

      Comment faire un Marque

      Passez la pochette dans la plastifieuse, attendez que cela refroidisse un peu. Découpez les contours des marque-pages en laissant une petite bordure autour. Percez un petit trou à l'aide d'un poinçon ou d'une perforatrice, et glissez la ficelle à l'intérieur. Nouez, et voilà, c'est terminé !