View Single Post
Old 08-10-2020, 01:13 PM   #27
hobnail
Running with scissors
hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.hobnail ought to be getting tired of karma fortunes by now.
 
Posts: 1,591
Karma: 14328510
Join Date: Nov 2019
Device: none
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.

Last edited by hobnail; 08-10-2020 at 01:17 PM.
hobnail is offline   Reply With Quote