How are screen readers supposed to read <hr> which has icons as generated contents?

Hi all,

Greetings. There is a styling approach which applies three centered star
icons to <hr> element as the the content of ::before pseudo element, as
used in the New HTML5.2 Wording Draft (visual example:
https://www.w3.org/TR/html52/infrastructure.html#infrastructure)

I had simplified the selector portion of the related CSS code for
demonstration purpose at here. Here is the simplified code:

``````
hr::before {

 content: "\2727\2003\2003\2727\2003\2003\2727";
}
``````

My question is: how are screen readers supposed to read such a <hr> element
and its generated content? Should they read that as "Thematic break, star
icon star icon star icon"?

Sincerely,
Ian Yang

Received on Wednesday, 18 January 2017 04:42:40 UTC