<div class="container my-4">

​

<p><a href="https://developer.mozilla.org/en-US/docs/Accessibility/ARIA"><strong>HTML5 ARIA</strong></a> attribute can be used in your code even without bootstrap.</p>

​

<blockquote>

  <p><strong>Accessible Rich Internet Applications (ARIA)</strong> defines ways to make Web

  content and Web applications (especially those developed with Ajax and

  JavaScript) more accessible to people with disabilities.</p>

</blockquote>

​

<p>To be precise, here is what your attributes are called as <a href="http://www.w3.org/WAI/PF/aria/states_and_properties#state_prop_def"><strong>ARIA attribute states and model</strong></a></p>

​

<blockquote>

  <p><strong><code>aria-labelledby</code></strong>: Identifies the element (or elements) that labels the current element. </p>

  <p><strong><code>aria-hidden (state)</code></strong>: Indicates that the element and all of its descendants are not visible or perceivable to any user as implemented

  by the author.</p>

</blockquote><a

​

  </div>