date-picker icon indicating copy to clipboard operation
date-picker copied to clipboard

VoiceOver guidance is unclear after date is selected

Open rdebeasi opened this issue 3 years ago • 0 comments

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 avatar Aug 03 '22 20:08 rdebeasi