title: How can I make Owl Carousel dot navigation buttons accessible?
body: <p>I'm trying to get rid of all of the issues reported by the Google Chrome Lighthouse Audit. I'm slowly progressing but I have a problem with 'accessible buttons'.</p>
  
  <p>These buttons are the "dots navigation" from the Owl Carousel 2 library and it seems that they are not really accessible. This is the Lighthouse info:</p>
  
  <blockquote>
    <p>When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers.</p>
  </blockquote>
  
  <p>Failing Elements</p>
  
  <pre><code>button.owl-dot.active
  button.owl-dot
  </code></pre>
  
  <p>I can not really manipulate the code responsible for generating the dots-navbar and I'm wondering, what'd be the best approach in this case. I need to add the <code>name</code> attribute with the "Previous" and "Next" values I guess but should I add that attribute with JS ? Have You guys encountered such an issue with Owl 2 ? If so - please let me know because maybe there is another, better way to do that.</p>
  
  <p>Best Regards,</p>