Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: ensure error message is announced by VoiceOver #8384

Merged
merged 2 commits into from
Dec 23, 2024

Conversation

vursen
Copy link
Contributor

@vursen vursen commented Dec 20, 2024

Description

The PR fixes the issue where VoiceOver didn't announce the error message when returning focus to the field from another element in Safari. The issue is fixed by removing the alert role from the error message element and instead using a separate element with aria-live="assertive" for the announcement. The assertive mode ensures the error message is correctly announced on value commit with Enter to match the previous behavior.

Screen reader Tested
VoiceOver
NVDA
JAWS

Fixes #8349

Type of change

  • Bugfix

@vursen vursen force-pushed the fix/ensure-error-message-announced branch from 591c4ab to b64984f Compare December 20, 2024 12:54
@vursen vursen marked this pull request as ready for review December 20, 2024 14:49
@vursen vursen requested a review from web-padawan December 20, 2024 14:49
@vursen vursen merged commit 0a54c0e into main Dec 23, 2024
9 checks passed
@vursen vursen deleted the fix/ensure-error-message-announced branch December 23, 2024 12:07
web-padawan pushed a commit that referenced this pull request Dec 23, 2024
web-padawan pushed a commit that referenced this pull request Dec 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Input fields do not announce error message on focus with VoiceOver+Safari
3 participants