WCAG - Focus lands in wrong place upon form submission when error presesnt

Created on 3 April 2025, 2 days ago

Problem/Motivation

When a user submits a webform, when there is an error with the submission, focus moves to the top of the page (before the header). The form has an error summary at the top of the page and focus should be set there.

Steps to reproduce

  1. Open webform, fill in fields but leave one required field empty
  2. Submit the form
  3. Note where the focus lands - Skip link at top of page

Acceptance criteria

Given I'm an anonymous user
And I'm navigating using my keyboard
When I submit a form with an error
Then the focus lands on the error message at the top of the page

Proposed resolution

🐛 Bug report
Status

Active

Version

1.10

Component

Code

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024