duetds/date-picker

Screen readers announce hidden fields when navigating past date-picker-element

johber opened this issue · 0 comments

johber commented

Describe the bug
When navigating using a screenreader and moving past the date-picker-element, two hidden fields are read, it would appear that it is the content of the hidden selects for year and month.

To Reproduce
Steps to reproduce the behavior:

  1. On a page with a datepicker, use arrows on desktop + NVDA, or swipe on Android + TalkBack to navigate.
  2. Navigate to the datepicker.
  3. Try navigating to the next element after the datepicker.
  4. Two fields will be announced, either as empty, or if a date is set, the selected year and month.

Expected behavior
Navigating over the closed datepicker should only have two steps, the input field and the button, no additional parts should be announced.

Screenshots
Example with NVDA on the demonstration site:
nvda-keyboard-navigation

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Chrome

Smartphone (please complete the following information):

  • Device: Samsung S10e
  • OS: Android 11
  • Browser: Chrome, Samsung Internet