Separator

Semántica

• Se renderiza como un `<div>` con `role="separator"` y `aria-orientation` por defecto.
• Cuando `decorative` es true, se renderiza con `role="none"` y sin `aria-orientation`, eliminándolo del árbol de accesibilidad.
• Lleva los atributos `data-scope="separator"`, `data-part="root"` y `data-orientation`.

ARIA

• `role="separator"` indica un divisor visual entre regiones de contenido.
• `aria-orientation="horizontal"` o `aria-orientation="vertical"` especifica la orientación del divisor. Por defecto es horizontal.
• Cuando `decorative` es true, se usa `role="none"` en su lugar para ocultar el elemento de las tecnologías de asistencia.

Responsabilidades del consumidor

• Usar Separator para dividir regiones de contenido lógicamente distintas.
• Establecer `decorative` cuando el divisor es puramente visual y no separa secciones de contenido significativas.
• Usar `orientation="vertical"` solo cuando el separador divide visualmente el contenido lado a lado.

No aplicable

keyboard

Separator es un elemento de presentación no interactivo sin interacciones de teclado.

focus

Separator es un elemento de presentación no interactivo y no recibe enfoque.