[v3]: use aria-describedby attribute

[lightsaber6000]

Hi. Can i use aria-describedby attribute for error reference instead of aria-errormessage? Not all screen readers support it.

[logaretm]

The default implementation uses aria-errorMessage since it can be reliably generated. You can add aria-describedby manually and bind it to ariaMsg.id.

<template>
  <ValidationProvider
    name="a11y"
    rules="required|email"
    :bails="false"
    v-slot="{ errors, ariaMsg, ariaInput }"
  >
    <div>
      <input type="text" v-model="value" v-bind="ariaInput" :aria-describedby="ariaMsg.id">
      <span v-bind="ariaMsg">{{ errors[0] }}</span>
    </div>
  </ValidationProvider>
</template>