search

nathanreyes / v-calendar

An elegant calendar and datepicker plugin for Vue.
https://vcalendar.io
MIT License
4.32k stars 840 forks source link

Accessibility issue #1373

Open RonakNair opened 10 months ago

RonakNair commented 10 months ago

@nathanreyes Can you please add the aria-label to the previous and next month buttons to make it more accessible friendly as most of the date picker works fine only this seems to be left out?

leonplata commented 9 months ago

I'm having the same issue with v3.0.3, the previous button is being read as "unlabeled zero button to activate presenter" and the next button is being read as "unlabeled one button to activate presenter" by a screen reader.

Detail of the rendered html for the previous button:

<button type="button" class="vc-arrow vc-prev vc-focus">
  <svg stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" width="24" height="24" class="vc-base-icon">
    <polyline points="15 18 9 12 15 6"></polyline>
  </svg>
</button>