[Bug Report] v-input hint/errors aren't being read by screenreaders

[phiter]

Environment

Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.100
OS: Linux x86_64

Steps to reproduce

1. Have a screenreader in hand (or ChromeVox).
2. Input something, errors will show up.

Expected Behavior

The screen reader should be reading those messages.

Actual Behavior

It is not.

Reproduction Link

https://codepen.io/phiter/pen/zgJReL

Other comments

I found a solution by adding role="alert" to the v-messages__wrapper div, changing the source on this part:

vuetify/packages/vuetify/src/components/VMessages/VMessages.ts

Lines 25 to 33 in 41059c4

	genChildren () {
	return this.$createElement('transition-group', {
	staticClass: 'v-messages__wrapper',
	attrs: {
	name: 'message-transition',
	tag: 'div',
	},
	}, this.value.map(this.genMessage))
	},

This causes the screenreader to actually read the message, which is what would be expected.

[phiter]

Another thing, which could be another issue, is to add a aria-describedby attr to the input and use a random id for the generated hint div, so you could use the hint as a description to the input.