A couple of accessibility issues with the forms

Hi folks,

Just started using a theme that has the plugin built-in. It’s very easy to use, and I’m liking it so far. However, there are a couple of accessibility issues I would like to see fixed. Normally, I would do it myself, but in this case I can’t figure out how, and the changes would be overridden on update:

1. When the user submits a form in error, the error message appears below the form where they may miss it. In my case, it falls completely outside the container div onto the background image, where it’s nearly invisible. It should appear at the top of the form where it’s noticeable.

2. When a form is submitted in error, focus remains at the bottom of the form. So keyboard users have to reverse-tab back through the form to the top to find the fields in error, and once again they may miss some. This could be very frustrating for disabled users. When the form is submitted in error, focus should jump to the top of the form (to the error message), so the user can then tab back down through the whole form to correct the fields in error.

As an aside, I’m not sure why you have the visible error message hidden from AT, and have a separate container for screen reader errors. Why not just use a single visible one with an aria-live attribute on it?

Thanks!