One thing I have noticed is that the aria-required and aria-invalid attributes are usually placed on the input tag, where the v-validate attribute is embedded. For example:
<input class="a" type="text" v-validate="'required'">
this will appear as:
<input class="a" type="text" aria-required="true" aria-invalid>
in the DOM.
I am curious if it is possible for these aria attributes to be applied to a surrounding div instead of the input field itself. So the structure would look something like this:
<div class="b" aria-required="'true'" aria-invalid>
<input class="a" type="text">
</div>