Accordéon Accordion
Un accordéon empile des sections dont les titres peuvent ouvrir ou fermer leur propre contenu.
↗Interface
Apprenez les noms des boutons, menus, formulaires et autres éléments utilisés par les personnes sur un écran.
01 / Atlas
Tous les termes Interface
Ouvrir un terme pour une signification simple, un exemple, quand l'utiliser, son caractère officiel, et son nom de code.
-
01 · Noyau -
02 · Noyau Actions groupées Bulk Actions
Les actions groupées permettent à quelqu'un de choisir plusieurs éléments et d'exécuter une action sur l'ensemble sélectionné.
↗ -
03 · Noyau Alerte Alert
Une alerte est un message court et important qui est annoncé sans déplacer le focus du clavier. Elle ne demande pas à l'utilisateur de répondre immédiatement.
↗ -
04 · Plus de détails Alerte, Bannière & Notification — Ensemble d'apprentissage Alert, Banner & Notification — Learning Bundle
Ce module d'apprentissage compare trois types de retours d'information. Une alerte indique un état important. Une bannière s'étend sur une zone. Une notification va dans un flux que les gens peuvent consulter plus tard. Le module n'est pas un modèle unique de statut.
↗ -
05 · Noyau Anneau de progression Progress Ring
Un cercle qui montre quelle part d'une tâche mesurable est finie.
↗ -
06 · Noyau Appel à l'action Call to Action
Un appel à l'action est une invitation claire qui guide les gens vers la prochaine étape utile.
↗ -
07 · Noyau Avatar Avatar
Un avatar est une petite image, des initiales ou un symbole. Il aide à identifier une personne, une équipe, un robot ou un compte.
↗ -
08 · Plus de détails Badge, Puce & Étiquette — Pack d'apprentissage Badge, Chip & Tag — Learning Bundle
Ce module d'apprentissage compare trois étiquettes qui varient selon le système de conception. Un badge indique souvent un statut ou un nombre. Un tag classe le contenu en un groupe. Une puce peut être interactive. Le module n'est pas un terme unique de composant.
↗ -
09 · Plus de détails Barre d’outils Toolbar
Une barre d'outils est un groupe nommé de contrôles que les gens utilisent souvent. Tab entre dans le groupe une fois, puis les touches fléchées permettent de se déplacer à l'intérieur.
↗ -
10 · Plus de détails Barre de menus Menubar
Une barre de menu est un menu qui reste visible, souvent sur une rangée horizontale. Ses éléments ouvrent des commandes ou des sous-menus avec les règles de clavier de type application.
↗ -
11 · Noyau Barre de navigation Navigation Bar
Une barre de navigation regroupe les principaux liens de la page et montre quelle page est ouverte maintenant.
↗ -
12 · Noyau Barre de progression Progressbar
Une barre de progression montre combien d'une tâche chronométrée est terminée. Les gens peuvent la lire mais ne la contrôlent pas directement.
↗ -
13 · Noyau Barre latérale & Rail de navigation — Pack d'apprentissage Sidebar & Navigation Rail — Learning Bundle
Ce paquet d'apprentissage compare deux modèles de navigation différents. Une barre latérale est plus large et possède des étiquettes ou des outils. Un rail de navigation est étroit et utilise souvent des icônes. Le paquet n'est pas un terme d'interface standard.
↗ -
14 · Plus de détails Boîte de dialogue d'alerte Alert Dialog
Une boîte de dialogue d'alerte est une fenêtre modale pour un choix urgent. Les utilisateurs doivent comprendre le résultat avant de continuer.
↗ -
15 · Noyau Boîte de dialogue modale Modal Dialog
Une boîte de dialogue modale est une fenêtre ciblée. Elle bloque l'écran actuel jusqu'à ce que quelqu'un la ferme ou la termine.
↗ -
16 · Plus de détails Boîte lumineuse Lightbox
Une lightbox ouvre un média dans un grand visualiseur et assombrit la page autour.
↗ -
17 · Noyau Bouton Button
Un bouton est une commande sur laquelle tu appuies pour faire quelque chose sur l'écran actuel.
↗ -
18 · Plus de détails Bouton de menu Menu Button
Un bouton de menu ouvre une liste d’actions ou de choix. Il indique au logiciel si le menu est ouvert.
↗ -
19 · Plus de détails Bouton de sélection Spinbutton
Spinbutton est le nom ARIA pour un contrôle qui permet de choisir une valeur dans une plage définie. Les personnes peuvent généralement saisir une valeur ou l’augmenter et la diminuer. Un stepper numérique est une façon dont il peut apparaître.
↗ -
20 · Noyau Bouton du menu de débordement Overflow Menu Button
Un petit bouton, souvent représenté par trois points, ouvre des actions moins importantes. Utilisez-le quand ces actions ne tiennent pas sur la page.
↗ -
21 · Noyau Carrousel Carousel
Un carrousel montre un ou quelques panneaux à la fois. On le fait défiler avec des flèches, des points ou en glissant le doigt.
↗ -
22 · Noyau Carte Card
Une carte est un groupe bien délimité qui montre un sujet, ses détails et les actions liées.
↗ -
23 · Plus de détails Carte de survol Hover Card
Une hover card est un aperçu riche. Elle s'ouvre quand on survole ou qu'on sélectionne une référence, sans bloquer la page.
↗ -
24 · Plus de détails Cascader Cascader
Un sélecteur en cascade montre les choix un niveau à la fois. Un choix ouvre la liste correspondante suivante.
↗ -
25 · Noyau Case à cocher Checkbox
Une case à cocher est une case que tu peux cocher ou décocher. Chaque choix est indépendant.
↗ -
26 · Noyau Centre de notifications dans l'application In-App Notification Center
Un centre de notifications dans l'application conserve les mises à jour utiles en un seul endroit. Chaque élément montre ce qui a changé, quand, et s'il est non lu.
↗ -
27 · Noyau Champ de recherche Search Field
Un champ de recherche est une zone de texte pour trouver du contenu qui correspond aux mots tapés.
↗ -
28 · Noyau Champ de texte Text Field
Un champ de texte est une case d'une seule ligne avec une étiquette, où les gens écrivent ou modifient du texte.
↗ -
29 · Noyau Champ du formulaire Form Field
Une unité de saisie complète avec une étiquette visible, un contrôle, une aide facultative, un état de validation et un message d'erreur lié.
↗ -
30 · Noyau Champ en lecture seule Read-only Field
Un champ en lecture seule peut recevoir le focus et sa valeur peut être copiée. La personne ne peut pas modifier la valeur.
↗ -
31 · Noyau Chronologie Timeline
Une timeline place des événements, des états ou des étapes clés dans l'ordre chronologique sur un seul chemin visible.
↗ -
32 · Noyau Citation Quote
Une citation répète les mots de quelqu'un et nomme clairement d'où viennent ces mots.
↗ -
33 · Plus de détails Combobox modifiable Editable Combobox
Une liste déroulante modifiable est un champ texte relié à une liste qui se filtre au fur et à mesure de la frappe.
↗ -
34 · Noyau Compteur Meter
Un indicateur affiche une mesure dans une plage connue. Il peut également marquer les plages faible, haute et optimale.
↗ -
35 · Plus de détails Contrôle segmenté Segmented Control
Un contrôle segmenté réunit une courte ligne d'options qui change de mode, de filtre ou de valeur.
↗ -
36 · Noyau Curseur Slider
Un curseur déplace un petit bouton le long d'une ligne pour choisir une valeur ou une plage.
↗ -
37 · Noyau Curseur Spinner
Un spinner tourne en boucle pour montrer un travail en cours quand il n'y a pas de temps de fin précis à afficher.
↗ -
38 · Plus de détails Curseur d'insertion Insertion Caret
Un curseur d'insertion est la ligne clignotante dans un texte modifiable. Il montre où le prochain caractère tapé ou collé ira.
↗ -
39 · Plus de détails Défilement infini Infinite Scroll
Le défilement infini charge plus d'éléments du flux lorsqu'un lecteur approche de la fin actuelle.
↗ -
40 · Noyau Description accessible Accessible Description
Une description accessible ajoute des détails utiles que le nom accessible d'un élément ne fournit pas. Elle peut expliquer un format, une limite ou une conséquence.
↗ -
41 · Noyau Divulgation Disclosure
Une divulgation est un bouton qui affiche ou masque une section liée. Il indique également au logiciel si la section est ouverte.
↗ -
42 · Noyau Élément courant (aria-current) Current Item (aria-current)
aria-current indique aux outils d'assistance quel élément est actuel dans un ensemble lié. Cela ne signifie pas que l'élément est sélectionné.
↗ -
43 · Noyau En-tête du site Site Header
Un en-tête de site place la marque, la navigation principale, le compte et les outils du site tout en haut.
↗ -
44 · Noyau ensemble de champs et légende Fieldset and Legend
`<fieldset>` et `<legend>` sont des éléments HTML intégrés pour un groupe de contrôles de formulaire liés. La légende indique la question qu’ils partagent.
↗ -
45 · Noyau Étapes Steps
Les étapes montrent la place d'une personne dans un petit processus. Le processus a un ordre fixe et une fin.
↗ -
46 · Noyau état d'erreur Error State
Un état d'erreur reste visible lorsqu'une action ou une page échoue. Il explique le problème spécifique et fournit un moyen sûr de récupérer.
↗ -
47 · Noyau État de succès Success State
Un état de succès confirme qu’une action est terminée. Il montre le résultat durable et toute prochaine étape utile.
↗ -
48 · Noyau État vide Empty State
Un état vide apparaît lorsqu'une liste ou un espace de travail n'a actuellement aucun contenu. Il explique pourquoi et donne une prochaine étape utile.
↗ -
49 · Noyau État Vide, Erreur et Succès — Pack d'apprentissage Empty, Error & Success State — Learning Bundle
Ce paquet d'apprentissage couvre trois états différents d'une application. Vide signifie qu'il n'y a pas encore de contenu. Erreur signifie que quelque chose a échoué. Succès confirme l'achèvement. Chacun nécessite son propre message et prochaine étape. Le paquet n'est pas un terme d'état standard unique.
↗ -
50 · Noyau Étiquette Tag
Une étiquette est un court label qui ne peut généralement pas être cliqué. Elle regroupe un élément ou montre un statut stable. Une étiquette est un modèle de conception, pas une norme web.
↗ -
51 · Noyau Étiquette du formulaire Form Label
Un Form Label dit ce qu'un champ demande. Le code relie l'étiquette à son contrôle correspondant.
↗ -
52 · Noyau Évaluation Rating
Une évaluation montre une opinion sur une échelle fixe. L'échelle peut utiliser des étoiles, des chiffres ou des niveaux nommés.
↗ -
53 · Noyau FAQ FAQ
Une FAQ rassemble les questions que les gens posent souvent avant de décider ou de demander de l'aide. Les réponses utilisent les mots et la situation que ces personnes connaissent.
↗ -
54 · Plus de détails Feuille inférieure Bottom Sheet
Une feuille inférieure est un panneau facile à utiliser au toucher. Elle monte depuis le bas et peut s'arrêter à des hauteurs précises.
↗ -
55 · Noyau Fil d'Ariane Breadcrumb
Un fil d'Ariane est un chemin de liens qui montre la page actuelle et ses pages parentes.
↗ -
56 · Noyau Filtrer Filter
Un filtre est un contrôle ou une règle qui montre seulement les éléments qui correspondent à ce que tu as choisi. Ça ne change pas les données d'origine.
↗ -
57 · Noyau Flux de travail d'importation des données Data Import Workflow
Un workflow d'importation de données vérifie un fichier téléchargé, correspond à ses colonnes, prévisualise les modifications et rapporte chaque résultat d'importation.
↗ -
58 · Noyau Formulaire de connexion Sign-In Form
Un formulaire qui rassemble les informations d'un compte pour se connecter. Il doit permettre de récupérer son compte, marcher avec les gestionnaires de mots de passe, afficher des erreurs claires et s'envoyer de façon sécurisée.
↗ -
59 · Noyau Formulaire en plusieurs étapes Multi-Step Form
Un formulaire en plusieurs étapes divise une tâche longue en pages plus petites. Il vérifie les réponses avant de les envoyer.
↗ -
60 · Noyau gestion de la mise au point Focus Management
La gestion de la mise au point déplace le point actif du clavier après que la page a changé. Elle restitue également le focus lorsqu'une surface temporaire se ferme.
↗ -
61 · Noyau Gestion des abonnements Subscription Management
La gestion des abonnements montre le plan payé actuel d'un client et lui permet de comprendre ou de modifier la facturation future.
↗ -
62 · Noyau Gestion des membres Member Management
La gestion des membres est l'endroit où les administrateurs autorisés invitent des personnes, voient leur statut, changent les rôles ou retirent l'accès.
↗ -
63 · Plus de détails Graphique Chart
Un graphique transforme des données en image. Il peut montrer des comparaisons, des tendances, des écarts ou des liens.
↗ -
64 · Plus de détails Grille arborescente Treegrid
Un treegrid est un tableau interactif avec des lignes qui peuvent avoir des sous-lignes. Les gens peuvent ouvrir les niveaux de lignes tandis que les cellules restent alignées en colonnes.
↗ -
65 · Plus de détails Grille ARIA ARIA Grid
Une grille ARIA est un ensemble interactif de lignes et de cellules. Les touches fléchées déplacent le focus vers le haut, le bas, la gauche et la droite.
↗ -
66 · Plus de détails Grille de données Data Grid
Une grille de données est un tableau qui ressemble à une application. On peut y déplacer, sélectionner, trier ou modifier beaucoup de données.
↗ -
67 · Plus de détails Groupe de bascule Toggle Group
Un groupe étiqueté de boutons à activer ou désactiver. Une ou plusieurs options séparées peuvent rester enfoncées.
↗ -
68 · Noyau Groupe radio Radio Group
Un groupe de boutons radio affiche plusieurs choix mais laisse une personne en sélectionner exactement un seul.
↗ -
69 · Noyau Hiérarchie des titres Heading Hierarchy
Une hiérarchie de titres utilise des niveaux de titre pour montrer comment les sections de la page s'imbriquent.
↗ -
70 · Noyau HTML sémantique Semantic HTML
HTML sémantique signifie choisir des éléments HTML pour ce qu'ils font, pas seulement pour leur apparence. La page conserve sa structure et son comportement intégré même sans CSS.
↗ -
71 · Noyau Icône Icon
Une icône est un petit symbole qui aide à reconnaître une action, un objet, un état ou un groupe.
↗ -
72 · Noyau Image Image
Une Image est une photo dans un contenu. Elle a besoin de règles de taille, de chargement, de recadrage et de texte alternatif adaptés à son usage.
↗ -
73 · Plus de détails Index d'onglet itinérant Roving tabindex
L'index d'onglet itinérant donne au groupe un seul arrêt Tab. Les flèches déplacent ensuite le focus parmi les éléments à l'intérieur du groupe.
↗ -
74 · Noyau Indicateur de progression Progress Indicator
Un indicateur de progression montre que le travail continue. Une barre ou un anneau montre une progression connue. Un spinner veut dire que le temps d'attente est inconnu.
↗ -
75 · Noyau Infobulle Tooltip
Une info-bulle est une courte note sur un contrôle. Elle s'ouvre quand la souris la survole ou le clavier la met en évidence. On ne peut pas l'utiliser comme un bouton.
↗ -
76 · Noyau Insigne Badge
Un badge est une petite marque non cliquable attachée à un autre élément. Il affiche un compte, un statut ou un signal court et constitue un motif de conception, pas une norme web.
↗ -
77 · Noyau Interrupteur Switch
Un interrupteur allume ou éteint un réglage, et le changement arrive souvent tout de suite.
↗ -
78 · Plus de détails Journal d'activité Activity Log
Un journal d'activité liste les actions sur les produits dans l'ordre chronologique. Chaque ligne indique qui a fait quoi, sur quel élément, et quand.
↗ -
79 · Noyau Lecteur multimédia Media Player
Un lecteur de médias est un groupe de contrôles pour le son ou la vidéo. Il comprend la lecture, la progression, le volume, les sous-titres et d'autres choix de lecture.
↗ -
80 · Noyau Lien Link
Un lien est du texte ou un média qui ouvre une autre page, un fichier ou un endroit.
↗ -
81 · Noyau Lien de passage Skip Link
Un lien d'évitement aide les utilisateurs de clavier à passer les menus répétés. Il déplace le focus vers le contenu principal ou une autre zone importante.
↗ -
82 · Noyau Liste List
Une liste montre des éléments liés dans un ordre utile ou facile à suivre.
↗ -
83 · Noyau Liste de descriptions Description List
Une liste de descriptions associe chaque nom à une valeur ou une explication. Elle convient pour des faits courts et en lecture seule.
↗ -
84 · Noyau Matrice des autorisations Permission Matrix
Une matrice d'autorisations montre quels rôles peuvent effectuer chaque action dans une zone donnée. Elle facilite la comparaison des règles d'accès.
↗ -
85 · Noyau Menu Menu
Un menu de commandes est un groupe d'actions ou de choix avec des règles spéciales de focus clavier. Il s'ouvre généralement à partir d'un bouton ou d'une autre zone de commande.
↗ -
86 · Plus de détails Menu & Barre de menus — Pack d'apprentissage Menu & Menubar — Learning Bundle
Ce paquet d'apprentissage compare deux termes différents. Un menu liste des commandes. Une barre de menus est un groupe de menus de commandes toujours visible. Le paquet n'est pas un terme d'interface standard.
↗ -
87 · Plus de détails Menu contextuel Context Menu
Un menu contextuel affiche des commandes pour l'objet ou la zone qui l'a ouvert. Il s'ouvre souvent avec un clic droit ou la touche du menu contextuel.
↗ -
88 · Noyau Menu déroulant Dropdown Menu
Un menu déroulant est un menu de commandes éphémère qui s'ouvre à partir d'un bouton et reste à côté. Son schéma sémantique habituel est un bouton de menu plus un menu.
↗ -
89 · Plus de détails Menu déroulant & Menu contextuel — Pack d'apprentissage Dropdown & Context Menu — Learning Bundle
Ce module d'apprentissage compare les menus selon la façon dont ils s'ouvrent. Un menu déroulant s'ouvre depuis un contrôle. Un menu contextuel appartient à un objet et s'ouvre souvent à l'emplacement du pointeur. Le module n'est pas un terme unique de menu.
↗ -
90 · Noyau Menu hamburger Hamburger Menu
Un bouton de menu avec trois lignes. Il ouvre la navigation principale du site quand il n'y a pas assez de place pour l'afficher.
↗ -
91 · Noyau Message de statut Status Message
Un message d’état rapporte un résultat, un progrès ou un temps d’attente sans ouvrir de dialogue ni détourner le focus.
↗ -
92 · Plus de détails Mode couleurs forcées Forced Colors Mode
Le mode couleurs forcées utilise une palette système choisie par l'utilisateur au lieu de nombreuses couleurs de page. Cela peut rendre les contrôles et le texte plus faciles à distinguer.
↗ -
93 · Plus de détails Modèle de flux ARIA ARIA Feed Pattern
Le modèle de flux ARIA est un flux changeant d’éléments semblables à des articles. Il peut ajouter de nouveaux éléments ou supprimer les anciens au fur et à mesure que les utilisateurs le parcourent.
↗ -
94 · Noyau Navigation latérale Sidebar Navigation
La navigation latérale est une zone latérale avec des liens nommés qui peut rester ouverte ou se replier. Elle regroupe souvent des lieux connexes dans un produit.
↗ -
95 · Noyau Nom accessible Accessible Name
Un nom accessible est le libellé qu'un logiciel calcule pour un contrôle ou une image. Les lecteurs d'écran l'utilisent pour identifier l'élément.
↗ -
96 · Noyau Notification toast Toast
Un toast est un court message d'état. Il ne bloque pas la page et part souvent tout seul.
↗ -
97 · Plus de détails Notification Web Web Notification
Une notification Web est un message que le navigateur ou le système d'exploitation affiche en dehors de la page. L'utilisateur doit donner son autorisation, et le message suit les règles du système.
↗ -
98 · Noyau Onglets Tabs
Les onglets utilisent des étiquettes pour changer le contenu dans un panneau partagé. La tâche principale reste ouverte.
↗ -
99 · Noyau ordre de mise au point Focus Order
L'ordre de mise au point est le chemin que suit le focus du clavier à travers une page. Il doit correspondre à l'ordre de lecture et des tâches.
↗ -
100 · Noyau Page de paramètres Settings Page
Une page de paramètres contient des choix qui modifient le fonctionnement d'une application dans différentes tâches. De bons paramètres par défaut permettent à la plupart des utilisateurs de commencer immédiatement.
↗ -
101 · Noyau Pagination Pagination
La pagination divise une collection en pages numérotées et montre quelle page est ouverte.
↗ -
102 · Plus de détails Palette de commandes Command Palette
Un menu de commandes est un panneau de recherche conçu pour le clavier. Il ouvre des actions, des pages et des éléments récents.
↗ -
103 · Noyau Pied de page du site Site Footer
Un pied de page de site est l'espace de fin utilisé sur tout un site. Il contient des liens secondaires, des infos légales, des chemins de contact et des infos de confiance.
↗ -
104 · Noyau Piège du clavier Keyboard Trap
Un piège au clavier se produit lorsque le focus entre dans une partie de la page mais ne peut pas en sortir avec le clavier.
↗ -
105 · Plus de détails Poignée de redimensionnement Resize Handle
Une poignée de redimensionnement est un point visible sur un bord ou un coin. Les personnes la glissent pour redimensionner un panneau, un champ, une colonne ou un objet.
↗ -
106 · Noyau Point de repère Landmark
Un point de repère est une zone principale d'une page. La technologie d'assistance permet aux personnes de se rendre directement à cette zone.
↗ -
107 · Noyau Pointeur et curseur Pointer & Cursor
Un pointeur ou un curseur marque l'emplacement d'un dispositif de pointage sur l'écran. Sa forme peut vouloir dire sélectionner, écrire, glisser, redimensionner, attendre ou indisponible.
↗ -
108 · Noyau Popover Popover
Une popover est un petit panneau attaché au contrôle qui l'a ouverte. Elle peut contenir du contenu structuré et des actions sans bloquer la page.
↗ -
109 · Noyau Preuve sociale Social Proof
La preuve sociale est une évidence que les gens peuvent vérifier. Elle montre que des personnes ou groupes pertinents utilisent, font confiance ou valorisent un produit.
↗ -
110 · Noyau Puce Chip
Une puce est un petit élément interactif qui représente une entrée, un filtre, un choix ou un élément amovible. Son action exacte doit être claire.
↗ -
111 · Noyau Rail de navigation Navigation Rail
Un rail de navigation est une courte liste verticale des principaux endroits le long du bord d'un écran. C'est un modèle de conception courant, pas une norme web.
↗ -
112 · Noyau Recherche globale Global Search
La recherche globale trouve différents types de contenus dans une application depuis un emplacement de recherche partagé.
↗ -
113 · Plus de détails région en direct Live Region
Une région en direct informe la technologie d'assistance lorsque le texte important de la page change. Elle peut annoncer la mise à jour sans déplacer le focus.
↗ -
114 · Noyau Réorganisation de contenu Content Reflow
Le réajustement du contenu permet d'adapter une page à un espace étroit sans perdre de contenu ni de fonctionnalités. La plupart des lectures ne devraient pas nécessiter un défilement bidirectionnel.
↗ -
115 · Noyau Repère de bannière Banner Landmark
Un repère de bannière est la zone d'en-tête principale de tout un site web. Une bande d'annonce large peut également être appelée une bannière, mais il s'agit d'un motif de conception différent.
↗ -
116 · Noyau résumé des erreurs Error Summary
Un résumé des erreurs est une courte liste en haut d'un formulaire. Chaque élément explique une erreur et renvoie à son champ.
↗ -
117 · Noyau Retour en haut Back to Top
Retour en haut est un raccourci sur les longues pages. Il ramène la vue et le focus près du début.
↗ -
118 · Plus de détails Scrim Scrim
Un scrim est un calque sombre et transparent placé derrière une fenêtre superposée. Il sépare cette fenêtre et montre que la page en dessous est bloquée.
↗ -
119 · Noyau Section Héros Hero Section
Une section hero est le grand espace de départ d'une page. Elle explique vite la promesse, pour qui c'est, la preuve et l'action à faire ensuite.
↗ -
120 · Noyau Sélecteur de couleurs Color Picker
Un sélecteur de couleurs permet de choisir une couleur. Il peut afficher un champ de couleur, une barre de teinte, des valeurs ou des échantillons.
↗ -
121 · Noyau Sélecteur de date Date Picker
Un sélecteur de date est un contrôle pour taper ou choisir un jour sur un calendrier. Il ne choisit pas une heure de la journée.
↗ -
122 · Noyau Sélecteur de date et d'heure Date & Time Picker
Un sélecteur de date et d'heure aide à choisir une date, une heure ou une plage valides. Il peut afficher un calendrier ou une horloge.
↗ -
123 · Noyau Sélecteur de temps Time Picker
Un sélecteur de temps est un contrôle pour taper ou choisir une heure locale de la journée. Sa taille de pas et son format d'affichage local doivent être clairs.
↗ -
124 · Plus de détails Sélecteur numérique (motif visuel) Numeric Stepper (Visual Pattern)
Un stepper numérique affiche un nombre que tu peux taper et des contrôles pour ajouter ou soustraire. Il peut utiliser un input de nombre natif ou la sémantique ARIA spinbutton. Les boutons plus et moins seuls ne créent pas cette sémantique.
↗ -
125 · Plus de détails Sélection d'arbre Tree Select
Une sélection en arbre montre des choix imbriqués dans une arborescence ouvrable. Elle peut autoriser un ou plusieurs choix.
↗ -
126 · Noyau Sélection de texte Text Selection
La sélection de texte est la plage de texte marquée. Les gens sélectionnent du texte pour le copier, le remplacer, le noter ou le modifier.
↗ -
127 · Noyau Sélectionner Select
Une liste déroulante ouvre une liste fixe et laisse l'utilisateur choisir une seule valeur.
↗ -
128 · Noyau Séparateur Divider
Un séparateur est une ligne visible ou invisible entre des groupes, des contrôles ou des parties d'un sujet.
↗ -
129 · Noyau séparateur Separator
Un séparateur est une ligne visible qui peut également marquer une véritable séparation entre les parties. Si les gens peuvent le concentrer et le déplacer, il devient un séparateur ajustable.
↗ -
130 · Noyau Sous-titres et transcription Captions and Transcript
Les sous-titres sont des textes synchronisés avec la parole et les sons utiles. Une transcription est une version texte lisible de l'ensemble de l'audio ou de la vidéo.
↗ -
131 · Noyau Squelette Skeleton
Un squelette est un simple élément vide en forme de contenu, qui indique que le chargement est en cours.
↗ -
132 · Noyau Statistique Statistic
Une statistique met en valeur une seule valeur. Son étiquette, son unité, sa période et son contexte expliquent ce qu'elle veut dire.
↗ -
133 · Noyau Tableau Table
Un tableau aligne des informations liées dans des lignes et des colonnes avec des étiquettes. Il est généralement en lecture seule ou n'a que des actions simples.
↗ -
134 · Noyau Tableau de bord analytique Analytics Dashboard
Un tableau de bord analytique combine quelques mesures et graphiques liés. Il fournit un aperçu rapide d’une question.
↗ -
135 · Noyau Tableau des prix Pricing Table
Un tableau de prix organise les formules, les prix, les limites, les fonctionnalités et les conditions d'achat pour la comparaison.
↗ -
136 · Noyau Tableau Kanban Kanban Board
Un tableau Kanban montre les étapes réelles par lesquelles passe le travail. Les cartes représentent le travail, et les limites WIP empêchent de démarrer trop de tâches en même temps.
↗ -
137 · Noyau Taille cible Target Size
La taille cible est la zone complète sur laquelle une personne peut cliquer ou tapoter pour utiliser un contrôle. Elle peut être plus grande que l'icône visible.
↗ -
138 · Noyau Téléversement de fichier File Upload
Le téléversement de fichier couvre le choix, la vérification, l'envoi et la gestion des fichiers depuis un appareil.
↗ -
139 · Noyau Texte alternatif Alternative Text
Le texte alternatif explique la signification utile d'une image lorsqu'une personne ne peut pas voir l'image. Il doit correspondre à la fonction de l'image sur cette page.
↗ -
140 · Noyau Tiroir Drawer
Un tiroir coulisse depuis le bord de l'écran. Une partie de la page derrière lui reste visible.
↗ -
141 · Noyau UI du chat Chat UI
Une interface de messagerie rassemble des messages, les noms des expéditeurs, une zone d'écriture, les états d'envoi et les pièces jointes. Elle montre aussi comment corriger les erreurs.
↗ -
142 · Noyau Validation du formulaire Form Validation
La validation du formulaire utilise des règles et des messages pour trouver, prévenir et expliquer les réponses manquantes ou incorrectes.
↗ -
143 · Noyau Vue Arborescente Tree View
Une vue en arbre est une liste avec des niveaux. Les lignes parentes s'ouvrent ou se ferment pour montrer les éléments enfants qu'elles contiennent.
↗ -
144 · Noyau Vue du calendrier Calendar View
Une vue calendrier place les éléments programmés sur des jours ou des créneaux horaires. Les gens peuvent parcourir un jour, une semaine ou un mois.
↗ -
145 · Noyau Vue sauvegardée Saved View
Une vue enregistrée se souvient de la façon dont une liste est filtrée, triée et affichée afin que la même vue utile puisse s'ouvrir à nouveau.
↗ -
146 · Plus de détails zone de liste Listbox
Une liste déroulante est une liste personnalisée de choix. Elle gère quel choix est actif et comment les touches fléchées se déplacent dans la liste.
↗ -
147 · Noyau Zone de texte Textarea
Une textarea est une case pour écrire plusieurs lignes de texte. Sa taille peut rester fixe ou être ajustable.
↗