title: For accessibility, In html what should I use to label non form control data?
body: <p>The w3c defines a label as:</p>
  
  <blockquote>
    <p>The &lt;label&gt; element represents a caption in a user interface</p>
  </blockquote>
  
  <p>It then goes on to say</p>
  
  <blockquote>
    <p>The caption can be associated with a specific form control</p>
  </blockquote>
  
  <p>Strictly speaking form controls are buttons, check boxes, radio buttons, menus, text input, file select, hidden controls or object tags.</p>
  
  <p>My question is, in the interest of accessibility what is best practise for representing a caption for just plain read only information.  I don't want to use an input, I only want to display.  Should I just use headings?  Is there anything in ARIA to help?</p>
  
  <p>For example</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label&gt;Primary question
    &lt;div&gt;What should I use to caption plain old informtion?&lt;/div&gt;
  &lt;/label&gt;
  &lt;label&gt;Potential answer
    &lt;div&gt;Just use headings&lt;/div&gt;
  &lt;/label&gt;
  &lt;label&gt;Date asked
    &lt;div&gt;10/01/2016&lt;/div&gt;
  &lt;/label&gt;
    </code></pre>
  </div>
  </div>
  </p>