Interface Noyau A1 · Norme officielle Plateforme: Web

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.

Vous pourriez l'appeler Separatorséparateurfractionneur

Voir comment cela fonctionne

Exemple travaillé originalséparateur

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

  1. 01Limite
  2. 02Orientation
  3. 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.

Demande que vous pouvez copier

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.

A1
Ce terme est-il officiel ?

Norme officielle

Une norme officielle définit les règles décrites sur cette page.

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.

Portée
Seulement ce que couvre la source:nom canonique、définition、sémantique、mise en œuvre
Statut du document
recommandation
Coché activé
2026-07-30

Sources et portée des preuves

Source faisant autorité + Référence de terme · W3C · recommandation Accessible Rich Internet Applications (WAI-ARIA) 1.2 — separator role separator role Portée: nom canonique、définition、sémantique、mise en œuvre Rôle ici: Référence directe au terme La source couvre: nom canonique, définition, sémantique, mise en œuvre Source faisant autorité · W3C · recommandation Accessible Rich Internet Applications (WAI-ARIA) 1.2 Portée: nom canonique、définition、sémantique、mise en œuvre Rôle ici: Autorité dans le cadre indiqué La source couvre: nom canonique, définition, sémantique, mise en œuvre

Copiez-le vous-même

Le navigateur n'a pas pu copier ceci. Sélectionnez la requête ci-dessous et copiez-la vous-même.