Improve user notification error messaging accessibility

[LukaszJaro]

### First Improvement

This is taken from here https://www.w3.org/WAI/tutorials/forms/notifications/#listing-errors

When errors occur, it is helpful to list them at the top of the page, before the form. The list should have a distinctive heading so that it is easy to identify. Each error listed should:

• Reference the label of the corresponding form control, to help the user recognize the control;
• Provide a concise description of the error in a way that is easy to understand by everyone;
• Provide an indication of how to correct mistakes, and remind users of any format requirements;
• Include an in-page link(jump link) to the corresponding form control to make access easier for the users.

I wanted to mention this is not essential for passing accessibility but it's a standard that many UI/UX and accessibility experts use https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G139

Here is a complete example:

https://wet-boew.github.io/v4.0-ci/demos/formvalid/formvalid-en.html

Edit: added more info and removed some stuff to make it more clear.

[ivcreative]

I vote for having this feature added

[LukaszJaro]

The author actually already has this mostly built-out, it's just hidden and only for screen reader users:

Should be opposite and available for all users. Even more so for Cf7 plugin since it's the most widely used form plugin which is used by a large variety of users.