An hr setup I recently saw that I'm now using is <hr class="asterism" role="separator" aria-label="Interlude"/>.
The role and aria-label apparently make it ok for accessibility.
The css is nothing out of the ordinary:
Code:
hr.asterism {
background-color: inherit;
border: currentColor;
border-style: dotted none none none;
height: 1px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
overflow: visible;
width: 6em;
}
I don't know if role and aria-label are epub3 specific but epub3 is what I use in any event.