I developing HTML5 web app and have a case when some parts of sentence should be highlighted. For example, "Your search for blac was adjusted to black".
In markup i have something like that:
<span> You search for <b>blac</b> was adjusted to <b>black</b></span>
When VoiceOver is turned on it reads a 4 parts: "You search for", "blac", "was adjusted to ", "black".
User search for "black" and on search result see category "Black/White movies" and word "Black" should be highlighted, but in that case VoiceOver reads two parts: "Black" and "/White movies". That's not very comfortable...
How can I use highlighting to avoid such separating?