Glossaire de l’accessibilité

L’image est déclarée « décorative » (par exemple dans Microsoft Office) ou « artefact » (Acrobat Pro), de telle sorte qu’elle ne fait pas partie du…

Pour qu’une information soit accessible aux technologies d’assistance, il faut qu’elle soit mise à disposition de ces dernières, au travers du…

Dans le référentiel, l’expression « contrôlable par le clavier et tout dispositif de pointage » se rapporte également à la présente définition.

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.

Une action complexe est une action pour laquelle l’action descendante et remontante du pointeur constituent des événements indissociables de…

L’élément est mis à disposition de manière adjacente à l’objet identifié par le critère dans la représentation graphique et dans l’ordre de…

Tout dispositif disponible depuis une interface d’édition de contenu, quel que soit le format de destination, qui accompagne l’auteur des contenus…

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

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

Texte associé à une image ou une forme complexe qui apporte une information équivalente à celle véhiculée par l’image ou la forme complexe.

« 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…

Les applications de communication orale bidirectionnelles sont des applications qui permettent à 2 interlocuteurs ou plus de parler simultanément.…

Les applications web de communication orale bidirectionnelles sont des applications qui permettent à 2 interlocuteurs ou plus de parler…

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…

Élément d’un formulaire qui permet d’effectuer une action prédéfinie. Par exemple, le bouton de soumission d’un formulaire permet l’envoi au serveur…

Cadre : élément HTML (balise ) 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. Le test utilise souvent des images contenant du texte déformé,…

Les méthodes d’identification des utilisateurs ou de contrôle reposant sur des caractéristiques biologiques peuvent être, par exemple :

Il est possible d’appliquer des effets de présentation aux sous-titres (couleur des textes, style, police) afin de véhiculer une information aux…

Objet interactif permettant à l’utilisateur de saisir des données. Les champs de formulaire regroupent une grande variété de types de saisie :

Objet d’un formulaire permettant à l’utilisateur :

Dans un formulaire, ensemble des champs pouvant être regroupés par la nature des informations attendues. Le regroupement vise à identifier les champs…

Alternance de luminance relative qui peut causer des crises chez certaines personnes si leur taille est suffisamment importante dans une gamme de…

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’indication des changements de langue est nécessaire pour indiquer aux technologies d’assistance de modifier la restitution vocale d’un élément. Les…

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 compréhensible est lisible (l’ordre des éléments est logique) et cohérent (l’enchaînement de la lecture est cohérent).

La communication écrite en temps réel ( Real-time text , RTT) est un mode de communication écrite qui permet aux interlocuteurs de lire le texte en…

Un contenu ou une fonctionnalité doit être compatible avec les technologies d’assistance des utilisateurs ainsi qu’avec les fonctions 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. Certains…

Composant interactif mêlé à des éléments non interactifs (du texte par exemple) et qui n’est pas différenciable visuellement des éléments non…

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. Ce contenu peut être de forme…

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

Il s’agit généralement de contenu réalisé au moyen d’image animée (par exemple format GIF).

Contenu écrit à l’aide de caractères détournés. Par exemple, des émoticônes, des figures écrites avec des caractères, des caractères symboles ou des…

Ordre de restitution des contenus de tableau de présentation lorsque ces contenus sont parcourus cellule par cellule.

Un contenu est visible lorsqu’il est apparent sur la page web, au chargement de la page ou après l’activation d’un composant d’interface (par…

Le contexte du lien représente les informations supplémentaires (on parle d’informations de contexte) qui peuvent être mises en relation par un…

Opposition marquée entre la luminosité d’une couleur de premier plan et d’une couleur d’arrière-plan. Le rapport de contraste est basé sur la…

La norme distingue plusieurs tailles de textes à évaluer, chaque taille relevant d’un seuil de contraste. Ces tailles sont évaluées en pixel ou en…

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 d’arrêter ou de relancer un son déclenché automatiquement.

Un contrôle à bascule est un contrôle qui peut avoir 2 ou 3 états, et donc l’état défini par l’utilisateur est persistant jusqu’au prochain d’état.…

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

Ensemble des processus qui préviennent l’utilisateur :

Ensemble des processus qui permettent de prévenir l’utilisateur des champs obligatoires, des indications de type ou de format attendus et des erreurs…

Les plateformes disposent de contrôles natifs, par exemple un color picker {lang=en} natif pour la sélection de couleur, un calendrier ou un champ…

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…

Couleur directement en contact avec les couleurs du composant ou de l’élément graphique, cela peut être la couleur d’arrière-plan ou toute autre…

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…

Couleur directement en contact avec les couleurs de l’élément graphique, comme la couleur d’arrière-plan ou toute autre couleur en jonction directe.

Image ou forme complexe qui n’apporte aucune information essentielle à la compréhension du contenu auquel elle est associée.

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

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. La…

Quelquefois un élément graphique est présenté avec différents états. Par exemple, un système de vote associant des étoiles pour lequel le nombre…

Fichier, groupe de fichiers, média en continu ou tout autre contenu distinct, qui ne constitue pas une collection d’éléments, qui n’appartient pas à…

La documentation d’un site web ou d’un service d’assistance peut être :

Il s’agit de documents dans lesquels les éléments de structures (titre, liste, paragraphe, etc.) sont absents.

Les données personnelles concernant l’utilisateur dans un formulaire peuvent être :

Durée d’activation d’un contenu clignotant ou en mouvement : durée pendant laquelle le clignotement ou le mouvement est actif.

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

Élément graphique n’ayant aucune fonction et ne véhiculant aucune information particulière par rapport au contenu auquel il est associé. Exemples :

Élément graphique servant dans un test, un CAPTCHA ou un élément graphique servant de test dans un quiz ou un jeu. Exemple : une série d’éléments…

Lorsqu’un texte, adjacent à un élément graphique, contient des informations sur l’élément graphique (par exemple un copyright, une date, un auteur…)…

Élément graphique qui véhicule une information nécessaire à la compréhension du contenu auquel il est associé.

Élément graphique affichant du texte. Il n’est pas recommandé d’utiliser des éléments graphiques contenant du texte. Lorsqu’il est possible de…

Il s’agit des formats et des styles avec lesquels le contenu est structuré (titres, listes, paragraphes, etc.). Lorsque ces formats ou ces styles…

Cellule qui sert d’intitulé à une colonne, une ligne, une partie de colonne, une partie de ligne ou des regroupements de lignes ou de colonnes…

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…

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

Tout environnement dans lequel l’accès à l’information, les technologies, les conditions d’utilisation et le profil des utilisateurs peuvent être…

Texte associé à un champ de formulaire permettant d’identifier et de comprendre la nature de la saisie.

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

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…

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,…

Fonctionnalités d'accessibilité un composant pour charger des couleurs plus contrastée, un composant pour agrandir la police, un fonction pour…

Exemples de fonctionnalité d’accessibilité :

Les fonctionnalités principales sont les fonctionnalités de base d’un lecteur multimédia : lecture, pause, stop, contrôle du son.

Dans un système de communication orale (téléphonie par exemple), des fonctionnalités peuvent être mises à disposition, par exemple :

Il s’agit des contenus comme des diagrammes ou des schémas créés par les outils de dessin, de génération de schéma et de diagramme proposés par les…

Un formulaire n’est pas obligatoirement contenu dans une balise ou une balise possédant un attribut WAI-ARIA role="form" .

Il s’agit d’un document présentant les champs de formulaires sous la forme de simples zones graphiques, par exemple :

Un gabarit est un format de document qui possède des paramètres prédéfinis. Il est utilisé pour insérer les contenus édités par l’auteur. Un gabarit…

Un geste simple implique un contact en un point unique de l’écran. Il peut s’agir d’une pression ou d’un clic simple, d’une double-pression ou d’un…

Dans la plupart des logiciels d’édition bureautique, la bibliothèque de styles propose un style particulier pour chaque niveau de titre, généralement…

L’horodatage d’une vidéo ( time stamp ) est la valeur temporelle déclarée dans le fichier de sous-titres.

La restitution d’éléments comme des éléments graphiques de décoration qui n’apportent pas d’information pertinente peut créer des conditions de…

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 .

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

Note : en HTML5, l’attribut ismap est obsolète et non conforme pour les boutons de type image ( input type="image" ).

Image affichant du texte. Note : il n’est pas recommandé d’utiliser des images-textes. Lorsqu’il est possible de reproduire les mêmes effets en CSS,…

Image générée par la balise 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.

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

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

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

Il peut s’agir, par exemple : De la présence d’un marqueur visuel, pour indiquer la page active dans un menu de navigation (indication donnée par la…

Toute indication essentielle qui est transmise uniquement par un changement de forme ou de taille d’un contenu texte ou par la position d’un élément…

Indication textuelle permettant à l’utilisateur de savoir quel est le type de donnée et/ou le format de saisie requis.

Information transmise visuellement par l’intermédiaire d’une couleur. L’indication que les champs en rouge sont obligatoires dans un formulaire,…

Les informations d’accessibilité sont toutes les informations (attributs, relations programmatiques, alternatives, etc.) nécessaires pour rendre un…

Information transmise visuellement au moyen de la couleur. Par exemple :

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

L’intitulé du lien peut être constitué :

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

Dans une liste déroulante (balise ), ensemble d’items (balises ) pouvant être regroupés par leur nature. Le regroupement vise à identifier les items…

WAI-ARIA propose des rôles permettant d’identifier des repères de navigation. Ces rôles sont très profitables aux utilisateurs de lecteurs d’écran…

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…

Un composant doit avoir un rôle et un nom appropriés. Ses valeurs, états et paramètres éventuels doivent également être accessibles et correctement…

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

Lorsqu’un texte, adjacent à une image, contient des informations sur l’image (par exemple un copyright, une date, un auteur…) ou est destiné à…

En HTML : Balise possédant un attribut href ; Balise possédant un attribut WAI-ARIA role="link" et dont l’action de navigation est prise en charge…

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…

Deux liens sont dits identiques quand l’ intitulé de lien x est égal à celui du lien y. Cette définition s’applique à tous les types de liens : lien…

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. Le lien ou bouton doit être adjacent visuellement dans la représentation…

Lien contenu dans un élément . Dans le cas d’un lien SVG (version 1.1), le « nom accessible » est obtenu comme suit : Passage de texte associé par…

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

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…).…

Liens dont les intitulés, associé au contexte du lien (titre précédent, phrase) sont identiques.

La liste des valeurs (s’ouvre dans un nouvel onglet) 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. Par exemple la suite des liens…

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…

Méthode qui permet à l’utilisateur d’obtenir une version du document avec des contrastes suffisants.

Composant d’interface ou ensemble de composants d’interface permettant d’activer une fonctionnalité qui prend en compte un ou des besoins…

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…

Contenu qui ne se déroule pas dans le temps, consultable via les éléments svg et canvas ; par exemple, une animation interactive réalisée avec une…

Un média temporel peut être diffusé en temps réel ou être proposé en lecture de manière asynchrone (média pré-enregistré).

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…

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…

Zone donnant accès directement (formulaire) ou indirectement (élément d’interface donnant accès au formulaire) au moteur de recherche qui permet…

Un motif de conception (Design Pattern) est un modèle défini dans le document WAI-ARIA 1.1 Authoring Practices (s’ouvre dans un nouvel onglet) qui…

Un composant doit avoir un rôle et un nom appropriés, ses valeurs, états et paramètres éventuels doivent également être accessibles et correctement…

Dans un environnement bureautique, l’ordre de restitution est dicté par l’ordre dans lequel les contenus sont écrits. Néanmoins, certaines mauvaises…

Ordre dans lequel le focus se déplace (vers un élément suivant ou vers un élément précédent). L’ordre naturel est celui qui est implémenté via le…

Application web ou composant d’édition présent dans une page web permettant de créer ou modifier du contenu destiné à être diffusé pour d’autres…

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…

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…

On parle de piège au clavier lorsqu’un utilisateur qui navigue au clavier, depuis une position dans l’écran (par exemple un champ de formulaire, un…

Image ou forme complexe qui contient au moins une information essentielle à la compréhension du contenu auquel elle est associée.

Restitution visuelle des contenus via un navigateur en mode graphique. La présentation concerne le style, la position et les dimensions des éléments…

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. Il y a trois moyens en HTML de donner…

Technique visant à modifier le contenu d’un ou de plusieurs éléments de la page web. Le procédé de rafraîchissement peut s’effectuer par rechargement…

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

La résolution QVGA ( Quarter Video Graphics Array ) est une norme d’affichage qui correspond à une taille de 320 pixels X 240 pixels (soit 76 800…

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…

Indication explicite (exemple : « Voir la légende ci-après ») ou terme commun (par exemple « Image : [alternative] » et « Image : [légende] ») entre…

La dénomination générique « règles d’accessibilité numérique » désigne le RAWeb (s’ouvre dans un nouvel onglet) , le RAAM , le RAPDF ou encore la…

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).

Fonctionnalité qui consiste à imprimer (à l’écran, dans une zone de saisie par exemple) un caractère plusieurs fois tant que la touche correspondante…

Un résumé est un passage de texte associé à un tableau de données complexe. Il permet de donner des informations sur la nature et la structure du…

Le rôle ARIA d’un élément peut être calculé de deux façons :

Code généralement écrit sous forme d’une liste de commandes (par exemple JavaScript). Les langages interprétés côté client nécessitent un navigateur…

Indique le sens de lecture du document ou d’un passage de texte via l’attribut dir , dir="ltr" , par exemple. Les deux valeurs reconnues sont :

Un service d’assistance peut être : le mécanisme de retour d’information identifié dans la déclaration d’accessibilité du site web, un help desk , un…

Les services de relais permettent aux utilisateurs, quel que soit leur mode de communication (le texte, les signes, la parole) d’interagir au cours…

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…

Les sous-titres de traduction sont des sous-titres dans une langue différente de la langue de la vidéo.

Texte des informations audio (paroles d’un personnage, bruit important pour comprendre l’action…) présentes dans un média temporel et affiché de…

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…

Dans les contenus bureautiques, les listes doivent être déclarées au moyen d’un style de liste. Par exemple, les logiciels d’édition bureautique…

Dans les contenus bureautiques, les titres doivent être déclarés au moyen d’un style de titre. Par exemple, les logiciels d’édition bureautique…

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

Un tableau de données est une structure introduite par une balise ou lorsqu’il est correctement restitué par les technologies d’assistance par une…

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 ou lorsqu’il est correctement restitué par les technologies d’assistance par une…

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

Tableau qui sert à afficher des informations au moyen des cellules sans que ces informations nécessitent la présence d’en-tête de ligne ou de colonne.

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

Le texte et le texte en image en taille agrandie est supérieur ou égal à 150 % ou 120 % en gras de la taille par défaut.

Le texte et le texte en image en taille normale est inférieur à 150 % ou 120 % en gras de la taille par défaut.

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

É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…

Texte relié au tableau qui permet d’identifier le contenu d’un tableau de données de manière claire et concise.

Contenu de l’attribut title de la balise ou permettant de connaître la nature du contenu diffusé via le cadre lorsque l’utilisateur navigue de cadre…

Métadonnée permettant de donner un titre au document, généralement renseigné dans les propriétés du document.

Contenu de la balise d’une page web permettant d’identifier de manière claire, concise et unique les contenus/la nature de la page (« Plan du site…

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…

Procédé géré automatiquement par l’outil d’édition. On distingue deux types de transformation :

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…

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

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…

Pour la saisie caractère par caractère, la plus petite unité de saisie de texte est le caractère.

Les documents en téléchargement dont les types de formats sont reconnus compatibles avec l’accessibilité doivent être rendus accessibles soit…

Les documents en téléchargement dont les types de format sont reconnus compatibles avec l’accessibilité doivent être rendus accessibles soit…

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…

Il s’agit d’un texte identique au contenu d’une image texte. La version alternative peut être mise à disposition par l’intermédiaire d’une ancre…

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.

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 située en haut du document et contenant généralement le titre du document, un logo, un slogan…

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…

Il s’agit des informations concernant le fonctionnement du site ou les informations légales. On y trouve par exemple les mentions légales, les…

Région d’une image réactive à laquelle aucune action n’est associée. Une zone non cliquable côté client est contenue dans une balise :