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

VoiceOver guidance is unclear after date is selected #112

Open
rdebeasi opened this issue Aug 3, 2022 · 0 comments
Open

VoiceOver guidance is unclear after date is selected #112

rdebeasi opened this issue Aug 3, 2022 · 0 comments

Comments

@rdebeasi
Copy link

rdebeasi commented Aug 3, 2022

Describe the bug

I'm experiencing some strange behavior when using VoiceOver on Safari.

After I select a date, calendar closes and the browser focus moves back to the calendar button. The VoiceOver cursor stays on the date, which is now hidden. VoiceOver says, "you are currently on a toggle button, inside of a blank."

To Reproduce
Steps to reproduce the behavior:

  1. Open the Duet Date Picker demo in Safari with VoiceOver running
  2. Use the VoiceOver keyboard controls to activate the calendar button. The calendar opens.
  3. Use the VoiceOver keyboard controls to navigate to a date and select it.
  4. The calendar closes.
  5. The message in the screenshot below should appear.

Expected behavior
I'd expect the VoiceOver cursor to return to the calendar button. I'd then expect VoiceOver to announce that I'm on the calendar button. (Adding an aria-live region might help.) Alternately, the calendar could remain open after I make a selection.

Thank you!

Screenshots
Screenshot of date input with VoiceOver running. VoiceOver is announcing: 'You are currently on a toggle button, inside of a blank. To select or deselect this checkbox, press Control-Option-Space.

Desktop (please complete the following information):

  • OS: macOS 12.4
  • Browser: Safari 15.5
@rdebeasi rdebeasi changed the title After date is selected, screen reader describes hidden calendar After date is selected, VoiceOver describes hidden calendar Aug 3, 2022
@rdebeasi rdebeasi changed the title After date is selected, VoiceOver describes hidden calendar VoiceOver guidance is unclear after date is selected Aug 3, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

1 participant