separator
Widget roleA divider between sections of content or menu items. When static it's purely presentational, but as a focusable value control — like a resizable split-pane handle — it becomes interactive and exposes aria-valuenow within a range. The native `<hr>` maps to the static form.
Used on
A divider between content. Prefer <hr> when it is not focusable.
Required properties
aria-valuenow— only when the separator is a focusable value control
Accessible name
Recommended when focusable, via aria-label.
Example
role="separator"
<div role="separator" tabindex="0" aria-valuenow="50"
aria-valuemin="0" aria-valuemax="100"></div>References