Les mots de l’atelier

Comprendre pour mieux corriger.

Vingt repères pour relier un terme technique à une décision concrète sur votre site. Ces définitions simplifiées sont complétées dans les guides associés.

Alternative textuelle

Texte qui transmet la fonction ou l’information d’une image dans son contexte. Une illustration décorative et une icône qui déclenche une action ne demandent pas la même réponse.

Appliquer cette notion dans un guide →

Auto Layout

Disposition d’une maquette qui organise les éléments selon des règles de taille, d’espacement et d’alignement. Elle aide à éprouver des contenus variables avant le développement.

Appliquer cette notion dans un guide →

URL canonique

Adresse proposée comme version de référence d’un contenu disponible sous plusieurs URL. Il faut la comparer aux redirections, aux liens et aux choix observés du moteur.

Appliquer cette notion dans un guide →

CLS

Indicateur lié aux déplacements inattendus d’éléments visibles. Un encart qui apparaît tard au-dessus du texte peut faire perdre au lecteur sa position.

Appliquer cette notion dans un guide →

Composant de maquette

Élément conçu pour être réutilisé avec des règles communes. Décrire ses états évite qu’un bouton ait des comportements différents dans chaque écran.

Appliquer cette notion dans un guide →

Contraste de couleurs

Rapport calculé à partir de la luminance relative de deux couleurs. Il renseigne sur une paire précise, pas sur l’accessibilité complète de la page.

Appliquer cette notion dans un guide →

Données structurées

Description explicite du contenu destinée aux logiciels. Les propriétés déclarées doivent correspondre à des informations réellement présentes ou vérifiables.

Appliquer cette notion dans un guide →

Focus clavier

Élément qui reçoit actuellement les actions du clavier. Un repère visible permet de savoir où l’on se trouve sans suivre le pointeur de la souris.

Appliquer cette notion dans un guide →

INP

Indicateur de réactivité aux interactions pendant une visite. Pour comprendre un retard, il faut observer une action précise et ce qui empêche son prochain affichage.

Appliquer cette notion dans un guide →

Mesure en laboratoire

Essai exécuté dans un environnement défini. Il aide à reproduire un problème, mais ne décrit pas à lui seul toutes les visites réellement effectuées.

Appliquer cette notion dans un guide →

LCP

Indicateur du moment où le plus grand élément de contenu admissible est affiché dans la zone visible. L’élément concerné peut changer selon la mise en page.

Appliquer cette notion dans un guide →

Maquette

Représentation d’une interface avec ses contenus et ses contraintes. Une belle image fixe ne suffit pas à décrire les erreurs, les chargements ou les écrans étroits.

Appliquer cette notion dans un guide →

Noindex

Directive demandant à un moteur de ne pas indexer un contenu. Pour l’appliquer, le moteur doit pouvoir accéder à la directive ; une restriction d’exploration peut l’en empêcher.

Appliquer cette notion dans un guide →

Prototype

Enchaînement simulé d’écrans et d’interactions pour éprouver une idée. Il ne prouve pas le comportement du code ni la qualité d’un formulaire réellement connecté.

Appliquer cette notion dans un guide →

Redirection

Réponse qui envoie une ancienne adresse vers une autre. Sa destination doit être pertinente pour le contenu recherché, avec un trajet contrôlé après publication.

Appliquer cette notion dans un guide →

Interface responsive

Interface qui adapte sa disposition à l’espace disponible. Le contrôle inclut les contenus longs et le zoom, pas seulement quelques captures de tailles standard.

Appliquer cette notion dans un guide →

Sitemap XML

Fichier qui fournit une liste d’URL aux moteurs. Une présence dans ce fichier ne prouve ni l’indexation ni le classement de la page.

Appliquer cette notion dans un guide →

Srcset et sizes

Indications permettant au navigateur de choisir une ressource d’image selon ses conditions d’affichage. La largeur déclarée doit rester cohérente avec la place occupée.

Appliquer cette notion dans un guide →

Expérience utilisateur

Ce que rencontre une personne lorsqu’elle essaie d’accomplir une tâche avec un produit. Un audit utile transforme les obstacles observés en corrections que l’on peut vérifier.

Appliquer cette notion dans un guide →

Variante de composant

Version définie d’un élément de maquette, par exemple son état sélectionné ou désactivé. Les variantes doivent répondre à un besoin identifiable plutôt que multiplier les copies.

Appliquer cette notion dans un guide →

Passer du mot à l’action

Choisissez un guide adapté à votre problème ou essayez le testeur de contraste. Notre méthode éditoriale précise les sources et les limites des conseils.