Duplicate response messages

Both aria screen-reader-response and regular wpcf7-response-output messages are now shown upon form submit. I have to admit that aria response message has a more logical placement at the top of the form, and the placement of traditional wpcf7-response-output is way below the form and my recaptcha (via hook). It does not come into view upon form submission, unless user scrolls way down to see it was successfully submited!

For the time being I have fixed this simply by setting display:none for wpcf7-response-output and aria response takes over, plus page scrolls to that message automatically.

While fixing this, it would be great if you can add to your javascript to set display:block to wpcf7-response-output block, so that our custom CSS style (e.g. position:fixed) can be also set with display:none upfront in CSS, so that it does become visible until form is submitted.

Also, how can we reposition wpcf7-response-output wrapper? I would like to move it into the same section as screen-reader-response is now located (more logical + scrolls into view automatically).

Thanks

• This topic was modified 3 years, 5 months ago by Darko A7. Reason: added follow-up question + editing