title: Make Screen Reader read out a prefix text along with DOM contents when using role=option
body: <p>I have an outer div of <code>role=&quot;listbox&quot;</code> and a few inner divs of <code>role=&quot;option&quot;</code>.
  When I use keyboard up-down to move focus within the elements of the inner div, it reads them out as &quot;1 of 5, Element 1&quot;, &quot;2 of 5, Element 2&quot;, &quot;3 of 5, Element 3&quot; and so on..</p>
  <p>I am looking to have it read a prefix text such as &quot;Prefix text&quot; prior to it reading out the element, so it reads as &quot;Prefix text, 1 of 5, Element 1&quot;, &quot;Prefix text, 2 of 5, Element 2&quot; and so on..</p>
  <p>I have tried adding an <code>aria-label=&quot;prefix text&quot;</code> to the outer div but it doesn't help.</p>
  <p>I have a codesandbox here showing the DOM structure - <a href="https://codesandbox.io/s/narrator-option-example-eb8ghh?file=/index.html" rel="nofollow noreferrer">https://codesandbox.io/s/narrator-option-example-eb8ghh?file=/index.html</a></p>