Add aria-label to navigation arrows

[ryansegus]

Could it be possible to add aria-label to navigation arrows? We are getting this warning on lighthouse: Buttons do not have an accessible name on buttons <button class="carousel__next -hidePrev">

Currently I am using this template and I can't seem to pass the aria-label properly:

<Navigation
    :class="[{ '-hidePrev': hidePrev,
               '-hideNext': hideNext }]"
  >
    <template #next>
      <Icon
        :data="nextArrow"
        width="12"
        height="auto"
      />
    </template>
    <template #prev>
      <Icon
        :data="prevArrow"
        width="12"
        height="auto"
      />
    </template>
  </Navigation>

Maybe attaching a new prop with a default english value here?

<Navigation class="classes" ariaLabelNext="$t('some.translation')" ariaLabelPrev="$t('some.translation')" ... >