title: How to use aria-labelledby to enable accessibility?
body: <p>I have a CSS class that has a background image </p>
  
  <p>e.g. : </p>
  
  <pre><code>.my_class_bg_image { 
      background: url(myPhoto.jpg) 0 0 no-repeat;
  }
  </code></pre>
  
  <p>I want to make the page that contains this CSS class accessible.</p>
  
  <p>Can I use this ?: </p>
  
  <pre><code>&lt;span role="img" aria-labelledby="ddd" title="This is my bg image title" class="my_class_bg_image"&gt;
    &lt;span id="ddd"&gt;This is my text which is shown when the image cannot be loaded, 
       but it's also there and invisible and when the image load succeeds
    &lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>If not, how can I make such html elements accessible ?
   - html elements which contain CSS classes that contain a bg image </p>