Semantics
A divider that separates and distinguishes sections of content or groups of menuitems.
Abstract Role
StructureRepresents a non-interactive part of a page that organizes content into coherent units.
May be an interactive Widget or non-interactive Structure, depending on the context.
Abstract Role
WidgetRepresents a focusable, interactive element.
May be an interactive Widget or non-interactive Structure, depending on the context.
Content Category
Phrasing ContentAn element that typically appears inline and provides semantic meaning to text content.
Allowed Descendants
Phrasing Children Allowed
Note
Children Become Presentational
Browsers automatically apply the presentation
role to all descendant elements, so their semantics are not conveyed to assistive technologies.
Usage
Elements that can designate the role in HTML:
hr
img[role=separator]
span[role=separator]
custom-element[role=separator]