Le glossaire, terme par terme

Un composant d’interface (lien, bouton…) est accessible au clavier et par tout dispositif de pointage lorsque l’utilisateur peut prendre, indifféremment, le focus par un pointeur ou la touche tabulation ;

Il faut que l’étiquette et son champ soient visuellement proches de manière à ce que la relation entre les deux ne puisse pas prêter à confusion.

Texte ou procédé associé au script via une technique appropriée et permettant de mettre à disposition une fonction ou un contenu similaire à celui proposé par script.

Les conditions de restitution d’une alternative textuelle via des technologies d’assistance (par exemple une loupe d’écran) nécessitent qu’elle soit la plus courte possible.

« Nom accessible » restitué par les technologies d’assistance pour les éléments graphiques de type :

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 limitation fonctionnelle ne connaîtrait pas la fonction d’un lien avant de l’activer).

Narration ajoutée (via un fichier son) à une piste sonore pour décrire les détails visuels importants qui ne peuvent être compris à partir de la piste sonore principale seulement.

Élément d’un formulaire qui permet d’effectuer une action prédéfinie.

Cadre : élément HTML (balise <frame>) permettant d’afficher un contenu dans la page web dans laquelle il est implémenté.

Un CAPTCHA est un test utilisé pour distinguer un utilisateur humain d’un ordinateur.

Objet d’un formulaire permettant à l’utilisateur :

Dans un formulaire, ensemble des champs pouvant être regroupés par la nature des informations attendues.

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

Changements majeurs dans le contenu d’une page web qui, s’ils sont faits sans que l’utilisateur n’en soit conscient, peuvent désorienter l’utilisateur qui ne peut voir l’ensemble de la page en même temps.

L’indication des changements de langue est nécessaire pour indiquer aux technologies d’assistance de modifier la restitution vocale d’un élément.

Code de 2 caractères (ISO 639-1) ou 3 caractères (ISO 639-2 et suivants) permettant d’indiquer la langue d’un document ou d’un passage de texte.

Un contenu ou une fonctionnalité doit être compatible avec les technologies d’assistance des utilisateurs ainsi qu’avec les fonctions d’accessibilité des navigateurs et des autres agents utilisateurs via une API d’accessibilité.

Un composant d’interface est un élément avec lequel l’utilisateur peut interagir, par exemple un bouton, un lien, une zone de saisie.

Un contenu compréhensible est lisible (l’ordre des éléments est logique) et cohérent (l’enchaînement de la lecture est cohérent).

Contenu venant se substituer à un autre apportant la même information mais pouvant être présenté de façon différente.

Les technologies d’assistance (notamment les lecteurs d’écran) ne restituent pas le contenu masqué via les propriétés :

Pour le test 12.2.1 : « Contenu présent » signifie que le contenu visible reste présent lorsque CSS est désactivé.

Le contexte du lien représente les informations supplémentaires (on parle d’informations de contexte) qui peuvent être mises en relation par un programme informatique avec l’intitulé du lien.

Opposition marquée entre la luminosité d’une couleur de premier plan et d’une couleur d’arrière-plan.

Possibilité pour l’utilisateur de contrôler l’affichage ou la lecture d’un contenu en mouvement ou clignotant par le clavier et la souris, au moins.

Possibilité pour l’utilisateur de contrôler la consultation d’un média temporel par le clavier et tout dispositif de pointage, au moins.

Ensemble des processus qui permettent de prévenir l’utilisateur des champs obligatoires, des indications de type ou de format attendus et des erreurs de saisie dans un formulaire.

Possibilité pour l’utilisateur d’arrêter ou de relancer un son déclenché automatiquement.

Lorsqu’un critère, un test ou une condition de test demande de vérifier la restitution d’un dispositif, il faut s’assurer que ladite restitution est compatible avec l’accessibilité.

Couleur d’arrière-plan contiguë : couleur d’arrière-plan directement en contact avec le bord extérieur du composant d’interface ou de l’élément graphique.

Contenu associé à une image en complément de son alternative textuelle afin de décrire en totalité l’information véhiculée par l’image.

Élément faisant appel à une représentation visuelle telle que des images, des pictogrammes ou des graphiques.

Contenu d’une cellule dans un tableau de données (la première cellule d’une colonne ou d’une ligne, généralement) qui sert d’intitulé pour la totalité ou une partie des cellules de la colonne ou de la ligne.

Pages web liées les unes aux autres par des liens et constituant un ensemble cohérent à l’intérieur d’un site web.

Tout environnement dans lequel l’accès à l’information, les technologies, les conditions d’utilisation et le profil des utilisateurs peuvent être connus et maîtrisés.

Texte à proximité du champ de formulaire permettant d’en connaître la nature, le type ou le format des informations attendues.

Les étiquettes de champs de formulaire présentes dans une même page ou dans un ensemble de pages et réclamant la saisie d’une même information doivent être formulées sans ambiguïté pour que l’utilisateur sache que l’information qu’il doit communiquer est la même.

Le langage CSS destiné à la mise en forme des éléments du contenu (exemples : couleur du fond de la page, taille / police / couleur des caractères, positionnement de l’information dans la page web…).

Balise <form> ou balise possédant un attribut WAI-ARIA role=&quot;form&quot;.

Un geste simple implique un contact en un point unique de l’écran.

Image n’ayant aucune fonction et ne véhiculant aucune information particulière par rapport au contenu auquel elle est associée.

Image incorporée ou générée par une balise <object>.

Image qui véhicule une information nécessaire à la compréhension du contenu auquel elle est associée.

Image réactive côté client (attribut usemap) : image divisée en zones cliquables ou neutres (attribut nohref) ; • Image réactive côté serveur (attribut ismap) : image pour laquelle le navigateur transmet au serveur les coordonnées du pointeur, chaque jeu de coordonnées correspondant à une ressource (page web).

Image servant dans un test, captcha ou une image servant de test dans un quiz ou un jeu.

Image générée par la balise <object> et affichant du texte.

Image affichant du texte.

Image dont tout ou partie du contenu transmet visuellement une information par l’intermédiaire d’une couleur uniquement.

Indication textuelle ou graphique (icône) permettant à l’utilisateur de savoir que la saisie d’un champ est obligatoire préalablement à la saisie.

Il peut s’agir, par exemple :

Indication textuelle permettant à l’utilisateur de savoir quel est le type de donnée et/ou le format de saisie requis par un champ obligatoire, préalablement à son renseignement.

Information transmise visuellement par l’intermédiaire d’une couleur.

« Nom accessible » restitué par les technologies d’assistance.

Texte affiché faisant office d’intitulé visible à l’écran au sein d’un bouton ou d’un lien.

Dans une liste déroulante (balise <select>), ensemble d’items (balises <option>) pouvant être regroupés par leur nature.

WAI-ARIA propose des rôles permettant d’indiquer les zones principales (régions) du document.

Indication de la langue de traitement principale du document qui peut être présente sur l’élément racine html ou sur chaque élément de la page concerné via les attributs lang et/ou xml:lang selon le schéma suivant :

Un composant doit avoir un rôle et un nom appropriés.

Lorsqu’un texte, adjacent à une image, contient des informations sur l’image (par exemple un copyright, une date, un auteur…) ou est destiné à compléter les informations apportées par l’image (par exemple un texte associé à une image dans une galerie d’images), on parle de légende d’image.

HTML propose un dispositif permettant de titrer les groupes de champs de même nature par l’intermédiaire des éléments <fieldset> et <legend>.

En HTML, lien contenant à la fois du texte et un ou plusieurs enfants de type image :

Lien qui peut être confondu avec un texte normal lorsqu’il est signalé uniquement par la couleur par certains types d’utilisateurs ne percevant pas ou mal les couleurs.

En HTML, lien contenant uniquement un ou plusieurs enfants de type image :

Lien ou bouton présenté de manière adjacente à un élément dans la page.

Lien contenu dans un élément <svg>.

En HTML, lien ne contenant aucun élément enfant de type :

En HTML : • Balise <a> possédant un attribut href ; • Balise possédant un attribut WAI-ARIA role=&quot;link&quot; et dont l’action de navigation est prise en charge par un script.

Liens dont la fonction est de permettre de naviguer à l’intérieur de la page (lien d’évitement, lien d’accès au formulaire de recherche ou au menu…).

La liste des valeurs disponibles est fournie par la spécification WCAG 2.1 :

Suite d’éléments pouvant être regroupés sous la forme d’une liste structurée ordonnée, non ordonnée ou de définition.

Mécanisme généralement basé sur CSS, permettant à l’utilisateur de remplacer du texte par du texte en image et inversement sur le principe du style switcher.

Composant d’interface dont l’activation permet de modifier l’apparence du site ou de la page de manière à afficher les contenus avec un ratio de contraste suffisant.

Contenu qui ne se déroule pas dans le temps, consultable via un plugin (Flash, Java, Silverlight…) ou via les éléments svg et canvas ; par exemple, une carte interactive en Flash, une application Flash ou Java, un diaporama sont des médias non temporels.

Média temporel seulement audio : contenu sonore (Wav, Mp3…) ; • Média temporel seulement vidéo : images ou photos en mouvement ou en séquence ; • Média temporel synchronisé : flux audio ou vidéo synchronisé avec un autre format pour présenter de l’information et/ou comportant des composants temporels interactifs.

Liste de liens permettant une navigation spécifique dans le site, dans une rubrique ou dans une collection de pages.

Un message de statut informe l’utilisateur d’un changement de contenu dans la page sans interrompre son activité principale (il n’y a pas de changement de contexte par exemple un repositionnement du focus sur le message).

Procédés par lesquels un utilisateur peut modifier les données qu’il a saisies, faire annuler sa saisie ou faire annuler les actions découlant de sa saisie par exemple annuler une commande ou un virement bancaire.

Zone donnant accès directement (formulaire) ou indirectement (élément d’interface donnant accès au formulaire) au moteur de recherche qui permet d’effectuer des recherches sur les contenus de l’ensemble du site.

Un motif de conception (Design Pattern) est un modèle défini dans le document WAI-ARIA 1.1 Authoring Practices qui décrit la structure, les rôles et propriétés et le comportement clavier que doit respecter un composant JavaScript (widget).

Ordre dans lequel le focus se déplace (vers un élément suivant ou vers un élément précédent).

Page dédiée présentant l’arborescence d’un site web, généralement sous forme de listes de liens organisées en rubriques et sous-rubriques donnant accès à l’ensemble des pages du site.

Il s’agit d’un ou de plusieurs passages de texte identifiés par des id dont la valeur est unique dans la page et associés à un élément (champ de formulaire, bouton, etc.) par les attributs WAI-ARIA aria-labelledby ou aria-describedby sur le modèle suivant : aria-labelledby=&quot;ID1 ID2 ID3…&quot; o…

Restitution visuelle des contenus via un navigateur en mode graphique.

Correspond aux gestionnaires d’événement JavaScript considérés comme des événements descendants (mousedown, touchstart par exemple).

La prise de focus est l’état renvoyé par un élément qui reçoit l’attention suite à une action de l’utilisateur.

Technique visant à modifier le contenu d’un ou de plusieurs éléments de la page web.

Cela concerne les propriétés suivantes : color, background-color, background, border-color, border, outline-color, outline.

Un moyen de déclencher une action associée à un composant de l’interface utilisateur en appuyant sur une ou plusieurs touches.

Procédé qui consiste pour l’affichage d’une page sur le poste client à rediriger l’utilisateur vers une autre page, sur le même domaine ou sur un domaine différent.

Le code source doit respecter les règles suivantes en accord avec la déclaration de type de document utilisée dans la page :

Correspond aux gestionnaires d’événement JavaScript considérés comme des événements ascendants (mouseup, touchend par exemple).

Un résumé est un passage de texte associé à un tableau de données complexe.

Code généralement écrit sous forme d’une liste de commandes (par exemple JavaScript).

Indique le sens de lecture du document ou d’un passage de texte via l’attribut dir, dir=&quot;ltr&quot;, par exemple.

Ensemble de toutes les pages web : • Reliées par des liens web ; • Appartenant au même nom de domaine (ex : design.numerique.gouv.fr) ; • Qui constituent un ensemble cohérent du point de vue de l’utilisateur.

Texte des informations audio (paroles d’un personnage, bruit important pour comprendre l’action…) présentes dans un média temporel et affiché de manière synchrone avec le flux de l’objet multimédia.

Ensemble d’éléments permettant de définir les grandes zones d’une page HTML telles que la zone d’en-tête de la page, les zones de navigation principale et secondaire, la zone de contenu principal et la zone de pied de page.

Tout procédé permettant une navigation dans le site ou dans une page, les systèmes de navigation retenus sont :

Tableau de données ayant un attribut ou contenant une balise dont le contenu fait office de titre.

Un tableau de données est une structure introduite par une balise <table> ou lorsqu’il est correctement restitué par les technologies d’assistance par une balise pourvue d’un attribut WAI-ARIA role=&quot;table&quot;.

Un tableau de données est une structure introduite par une balise <table> ou lorsqu’il est correctement restitué par les technologies d’assistance par une balise pourvue d’un attribut WAI-ARIA role=&quot;table&quot;.

Technique qui utilise un élément HTML (balise <table>) pour contrôler l’affichage d’informations via des cellules (balise <td>).

Valeur attribuée aux polices de caractères présentes sur une page web.

Texte dont la mise en forme est contrôlée par une feuille de styles.

Contenu de l’attribut title de la balise <iframe> ou <frame> permettant de connaître la nature du contenu diffusé via le cadre lorsque l’utilisateur navigue de cadre en cadre ou affiche la liste des cadres de la page par exemple.

Contenu de la balise <title> d’une page web permettant d’identifier de manière claire, concise et unique les contenus/la nature de la page (« Plan du site www.nomdusite.fr » pour une page présentant le plan du site web, par exemple).

Élément HTML (balise h) à 6 niveaux de hiérarchie (de h1 pour le titre le plus important à h6 pour le moins important) ou élément HTML ayant les attributs WAI-ARIA role=&quot;heading&quot; et aria-level permettant de structurer l’information d’un contenu web.

Contenu textuel associé à un média temporel par la technique appropriée (texte codé en HTML ou dans un fichier texte qui se trouve dans la même page ou consultable suivant un lien).

Ensemble de données de référence qui permet aux agents utilisateurs de connaître les caractéristiques techniques des langages utilisés sur la page web (balise doctype).

Indication concernant le type et le format des données attendus lors de la saisie d’un champ de formulaire.

Uniquement à des fins de présentation : utilisation de balises HTML pour une finalité différente de celle prévue dans les spécifications (au regard du type de document déclaré).

Les documents en téléchargement dont les types de format sont reconnus compatibles avec l’accessibilité doivent être rendus accessibles soit directement soit par l’intermédiaire d’une version accessible ou d’une version en HTML.

Une version « audio seulement » est une version sonore, sous la forme d’un simple fichier au format MP3 par exemple, utilisée comme alternative à une vidéo seulement (vidéo sans information sonore).

Région d’une image réactive à laquelle une action a été associée ; par exemple, le déclenchement d’un événement en cliquant sur un lien (pour une zone cliquable côté client : balise <area> avec l’attribut href).

Zone située en haut du document et contenant généralement le titre du document, un logo, un slogan… Note : Attention à ne pas confondre cette zone d’en-tête, unique dans le site, avec tout contenu pouvant être balisé en HTML5 avec l’élément <header>.

Zone cliquable ou zone non cliquable d’une image réactive côté client ou zone cliquable d’une image réactive côté serveur.

Zone contenant les principaux contenus de la page, là où se trouvent les informations et fonctionnalités de fond (donc en dehors des menus, de la recherche ou des zones secondaires de publicités, actualités connexes…).

Il s’agit des informations concernant le fonctionnement du site ou les informations légales.

Région d’une image réactive à laquelle aucune action n’est associée.