Thought I’d chime back in here with what I found, and my thinking on it.
Add the following style to the CSS
clip: rect(1px, 1px, 1px, 1px);
Apply it to your text:
<p>We are reading the book<span class=”sr-only”> italics </span><i>Who Has Seen the Wind</i><span class=”sr-only”> plain </span>by W.O. Mitchell.
The one thing I’m having trouble with is getting the screen reader to pause at “italics” and “plain.” I’ve tried inserting periods (e.g., <span class=”sr-only”>. Italics. </span>) which helps a bit, but not entirely. Any other suggestions?October 11, 2023 at 5:24 pm