Separator
séparateur
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.
Un autre exemple
Une application de messagerie utilise un séparateur qui ne peut pas recevoir le focus entre les groupes de commandes. Un autre séparateur divise la liste des messages et l'aperçu. Ce séparateur peut recevoir le focus et indique au logiciel sa direction et sa position. Les flèches du clavier le déplacent dans des limites de largeur définies.
Parties principales
- 01Limite
- 02Orientation
- 03valeur ajustable optionnelle
Utilisez-le lorsque
Utilisez un séparateur sémantique uniquement lorsque la coupure aide à expliquer la structure. Ajoutez des valeurs et le contrôle du clavier uniquement lorsqu'il est ajustable.
Ne l'utilisez pas lorsque
Ne marquez pas chaque ligne décorative comme un séparateur. Ne laissez pas un séparateur fixe recevoir le focus.
Nom utilisé dans le code
hr or role=separator; tabindex and aria-valuenow only when adjustable Avant d'expédier
Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery.
Outcome: Complete the task with séparateur (Separator). User context: Une application de messagerie utilise un séparateur qui ne peut pas recevoir le focus entre les groupes de commandes. Un autre séparateur divise la liste des messages et l'aperçu. Ce séparateur peut recevoir le focus et indique au logiciel sa direction et sa position. Les flèches du clavier le déplacent dans des limites de largeur définies. Recommended pattern: séparateur (Separator). Why it fits: Utilisez un séparateur sémantique uniquement lorsque la coupure aide à expliquer la structure. Ajoutez des valeurs et le contrôle du clavier uniquement lorsqu'il est ajustable. Do not use it when: Ne marquez pas chaque ligne décorative comme un séparateur. Ne laissez pas un séparateur fixe recevoir le focus. 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): La norme couvre uniquement le champ d'application énuméré. Elle ne choisit ni le style visuel, ni la décision de produit, ni l'exemple de Vibulary. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how séparateur (Separator) is used now. Definition: 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. Release checks: Give assistive tools the control’s name (accessible name), purpose (role), value, and state. Check keyboard use, visible focus, target size, disabled and busy states, feedback, and recovery. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.