title: What is the best way to use a background image on a div yet remain accessible?
body: <p>I've built an image gallery that uses <code>div</code>s that contains a background image whose <code>size</code> is set to <code>cover</code>, but I am concerned about accessibility.</p>
  
  <p>My questions are as follows: </p>
  
  <ol>
  <li>May I use the <code>title</code> attribute on a <code>div</code> in lieu of <code>alt-text</code> attribute on an <code>img</code> tag?</li>
  <li>Would adding a <code>figcaption</code> element as a sibling to the <code>div</code>, and nesting both in a <code>figure</code> element help accessibility? </li>
  <li>May I use <code>aria-labeledby</code> on the <code>div</code>?</li>
  <li>Should I inject the text into the <code>div</code> as well?</li>
  </ol>
  
  <p>Thanks in advance for any insight into these questions!</p>