title: Why doesn't aria-labelledby fetch values for a div from outside of it?
body: <p>So I am trying to access a label for a div that is focusable via <code>tabIndex</code>. However, for some reason (since the label is outside the div), the label is not being fetched.</p>
  
  <p>However, the label is being fetched for an input that has the same <code>aria-labelledby</code>. Any idea how I can get my div to fetch from outside of itself similar to the input?</p>
  
  <p>Obviously if I include the label inside the div, it works. </p>
  
  <p>Code can be seen here:
  <a href="https://jsfiddle.net/b1ca7tm9/1/" rel="nofollow noreferrer">https://jsfiddle.net/b1ca7tm9/1/</a></p>
  
  <p>I want the div to also fetch labels outside of itself.</p>
  
  <p>FYI: You can view/hear the label being read/displayed for the input but not for the div. You can verify this via voiceover on mac, or NVDA on windows.</p>