Skip to content

fix: error focusing in public application#5936

Merged
emilyjablonski merged 2 commits intomainfrom
error-focusing-a11y
Feb 22, 2026
Merged

fix: error focusing in public application#5936
emilyjablonski merged 2 commits intomainfrom
error-focusing-a11y

Conversation

@emilyjablonski
Copy link
Collaborator

@emilyjablonski emilyjablonski commented Feb 19, 2026

This PR addresses parts of related issues like #2240 #2241

  • Addresses the issue in full
  • Addresses only certain aspects of the issue

Description

In our application form, this PR deduplicates error box code, and now includes focusing on the error banner when an error is triggered so a user can re-check the form without navigating backward. Ideally we would focus on the first input with an error (which some of our other more simple forms do correctly), but our older version of react-hook-forms within this much more complex form cannot currently support this. It looks like if we upgraded it would.

How Can This Be Tested/Reviewed?

Trigger an error in the application form by not filling out a required field, hitting next, and then pressing tab to see your focus is within the alert. Previously, it would be in the footer.

Deploy preview versus core

Author Checklist:

  • Added QA notes to the issue with applicable URLs
  • Reviewed in a desktop view
  • Reviewed in a mobile view
  • Reviewed considering accessibility
  • Added tests covering the changes
  • Made corresponding changes to the documentation
  • Ran yarn generate:client and/or created a migration when required

Review Process:

  • Read and understand the issue
  • Ensure the author has added QA notes
  • Review the code itself from a style point of view
  • Pull the changes down locally and test that the acceptance criteria is met
  • Either (1) explicitly ask a clarifying question, (2) request changes, or (3) approve the PR, even if there are very small remaining changes, if you don't need to re-review after the updates

@netlify
Copy link

netlify bot commented Feb 19, 2026

Deploy Preview for partners-bloom-dev ready!

Name Link
🔨 Latest commit 0e98798
🔍 Latest deploy log https://app.netlify.com/projects/partners-bloom-dev/deploys/6997a7c7add99d00082653ed
😎 Deploy Preview https://deploy-preview-5936--partners-bloom-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 19, 2026

Deploy Preview for bloom-angelopolis ready!

Name Link
🔨 Latest commit 0e98798
🔍 Latest deploy log https://app.netlify.com/projects/bloom-angelopolis/deploys/6997a7c7c85ecc0008970dd5
😎 Deploy Preview https://deploy-preview-5936--bloom-angelopolis.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 19, 2026

Deploy Preview for bloom-public-seeds ready!

Name Link
🔨 Latest commit 0e98798
🔍 Latest deploy log https://app.netlify.com/projects/bloom-public-seeds/deploys/6997a7c7b2dd00000857b07b
😎 Deploy Preview https://deploy-preview-5936--bloom-public-seeds.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 19, 2026

Deploy Preview for partners-bloom-msq2 canceled.

Name Link
🔨 Latest commit 0e98798
🔍 Latest deploy log https://app.netlify.com/projects/partners-bloom-msq2/deploys/6997a7c87e8e120008e00241

@netlify
Copy link

netlify bot commented Feb 19, 2026

Deploy Preview for bloom-exygy-dev ready!

Name Link
🔨 Latest commit 0e98798
🔍 Latest deploy log https://app.netlify.com/projects/bloom-exygy-dev/deploys/6997a7c7e27c5500086993d6
😎 Deploy Preview https://deploy-preview-5936--bloom-exygy-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@emilyjablonski emilyjablonski marked this pull request as ready for review February 20, 2026 00:16
@emilyjablonski emilyjablonski added a11y An accessibility bug 1 review needed Requires 1 more review before ready to merge labels Feb 20, 2026
@emilyjablonski emilyjablonski changed the title fix: error focusing fix: error focusing in public application Feb 20, 2026
Copy link
Collaborator

@ludtkemorgan ludtkemorgan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👯

@ludtkemorgan ludtkemorgan added ready to merge Should be applied when a PR has been reviewed and approved and removed 1 review needed Requires 1 more review before ready to merge labels Feb 20, 2026
@emilyjablonski emilyjablonski merged commit 86aca5f into main Feb 22, 2026
32 checks passed
@emilyjablonski emilyjablonski deleted the error-focusing-a11y branch February 22, 2026 01:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y An accessibility bug ready to merge Should be applied when a PR has been reviewed and approved

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants