Tag
Étiquette
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.
Un vrai exemple
Les applications ont des étiquettes En attente, Approuvé ou Rejeté. Chaque étiquette traduite utilise des mots ainsi qu'un autre indice visuel. Si cliquer dessus change un filtre, elle devient un contrôle interactif avec une signification différente.
Parties principales
- 01texte de statut
- 02indice visuel redondant
- 03élément associé
Utilisez-le lorsque
Utilisez ce terme pour une courte étiquette de groupe ou de statut qui ne nécessite aucune action propre.
Ne l'utilisez pas lorsque
N'utilisez pas de formes courtes inconnues, d'état basé uniquement sur les couleurs ou de style d'étiquette pour un bouton.
Nom utilisé dans le code
text label + status styling Avant d'expédier
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Étiquette (Tag). User context: Les applications ont des étiquettes En attente, Approuvé ou Rejeté. Chaque étiquette traduite utilise des mots ainsi qu'un autre indice visuel. Si cliquer dessus change un filtre, elle devient un contrôle interactif avec une signification différente. Recommended pattern: Étiquette (Tag). Why it fits: Utilisez ce terme pour une courte étiquette de groupe ou de statut qui ne nécessite aucune action propre. Do not use it when: N'utilisez pas de formes courtes inconnues, d'état basé uniquement sur les couleurs ou de style d'étiquette pour un bouton. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): C'est officiel pour cette source. D'autres plateformes ou équipes peuvent utiliser le terme d'une autre manière. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Étiquette (Tag) is used now. Definition: 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. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.