Skip to content

fix: announce form validation errors to screen readers - #660

Open
DooseWayo wants to merge 1 commit into
SmartDropLabs:mainfrom
DooseWayo:fix/form-error-live-region
Open

DooseWayo wants to merge 1 commit into
SmartDropLabs:mainfrom
DooseWayo:fix/form-error-live-region

Conversation

@DooseWayo

Copy link
Copy Markdown

Inline validation errors were conditionally mounted plain text, so screen readers never announced them (a live region must already exist before its content changes). Add a FieldError component that keeps a polite aria-live region mounted and wire it into the unlock, deposit (farm list and pool detail) and alerts API key fields, linking each input to its error via aria-describedby and isInvalid.

Closes #631
Closes #628
Closes #630
Closes #629

Inline validation errors were conditionally mounted plain text, so screen
readers never announced them (a live region must already exist before its
content changes). Add a FieldError component that keeps a polite aria-live
region mounted and wire it into the unlock, deposit (farm list and pool
detail) and alerts API key fields, linking each input to its error via
aria-describedby and isInvalid.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@drips-wave

drips-wave Bot commented Oct 17, 2026

Copy link
Copy Markdown

@DooseWayo Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@netlify

netlify Bot commented Oct 17, 2026 •

Copy link
Copy Markdown

❌ Deploy Preview for spiffy-melomakarona-eb1e8a failed.

Name Link
🔨 Latest commit 6a72899
🔍 Latest deploy log https://app.netlify.com/projects/spiffy-melomakarona-eb1e8a/deploys/6ad328f793f5ef7050e2dbdf

@netlify

netlify Bot commented Oct 17, 2026 •

Copy link
Copy Markdown

❌ Deploy Preview for smart-drop failed.

Name Link
🔨 Latest commit 6a72899
🔍 Latest deploy log https://app.netlify.com/projects/smart-drop/deploys/6ad328f7ad7a8fa78dd4f218

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

1 participant