The way we output error messages in forms can be improved to offer greater accessibility.
Right now, error messages are printed out below the form input. When using a screen reader, you don't hear the error until after the input label (the row header) and the input.
Attached outputs the error as part of the label (the row header) so that a screen reader will speak the error message along with the label and header before reading the input form. This gives the user more context by strengthening the association between the error message and the relevant form field.
The attached patch uses CSS to put the error in a reasonable place on the screen.
