When errors are on top, how does a screen reader back up and read those errors?

When you submit a form, you should receive clear feedback if something needs to be corrected. 

• Longer forms
• Shorter forms

Longer forms

Here are some potential contexts: 

• If the form contains multiple fields, after you select Submit, an error summary may appear at the top of the page. The focus moves to the error summary. The screen reader reads the list of errors so that you immediately know what needs to be fixed.
• In some cases, submitting a form loads a new page. The screen reader then announces the new page title and begins reading the page content. 
• If the page does not reload, moving focus to the error summary ensures the errors are clearly announced.

This behavior ensures that you’re not left without feedback. Without it, you might not know whether your submission was successful.

Shorter forms

If the form has only a few fields, errors are shown directly next to the fields that need attention. Return to the highlighted fields and correct the errors. The focus moves to the first field with an error and  the screen reader reads the associated error message.

Each error is tied to its field, so you can clearly understand what needs to be corrected and how to fix it. This approach helps you quickly identify and resolve issues so you can complete the form successfully.