title: How does the aria-labelledby attribute work?
body: <p>I have a web page that has a broken ARIA reference upon doing a test. Specifically the <code>aria-labelledby=&quot;myModalLabel&quot;</code> is showing an error. My understanding is that there needs to be an <code>id</code> somewhere that references <code>myModalLabel</code>, but I am not sure where if that's the case.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;modal fade&quot; id=&quot;siteModal&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;myModalLabel&quot;&gt;
    &lt;div class=&quot;modal-dialog&quot; role=&quot;document&quot;&gt;
      &lt;button type=&quot;button&quot; class=&quot;close modal-close-button&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;
        &lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;
      &lt;/button&gt;
      &lt;div class=&quot;modal-content&quot;&gt;
        &lt;div class=&quot;modal-body&quot;&gt;
          [pirate_forms]
          &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>