Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-73391

Search Issue Basic : Date picker inaccessible by keyboard

    XMLWordPrintable

Details

    Description

      Issue Summary

      The Calendar icon element is not accessible by keyboard alone where the dates cannot be selected with a keyboard.

      Element: Calendar icon
      Location: Present in the Created Date modal.

      Steps to Reproduce

      1. Navigate to the Jira dashboard page.
      2. Navigate to the "Issues" menu button in the header section & activate it.
      3. Activate the “Search for issues ” link.
      4. Navigate to the Search section and open the "More" dropdown button
      5. Search for the "Created date" label option and select it.
      6. Navigate to the Date picker / Calendar icon to select a date.

      Actual Results

      In the search page, when the "Created date" option is selected from the More dropdown menu, and the Created date label is activated and navigated in the date Between section, the date picker interactive element is not available with the keyboard only and screen reader user. The date picker element is available when selected with the mouse, date can be selected. Additionally, the date also could not be selected with a keyboard.

      This makes it keyboard-only and Screen reader users difficult to select a date in the Create date modal while searching for an issue.

      Expected Results

      Following are the expected keyboard interactions.

      • The Interactive element "Date picker / Calendar icon" should be able to receive keyboard focus and the screen reader focus.
      • Ensure that the button labels are unique. For Example : “Select a start date” & “Select an end date”
      • The elements should get activated with the "Enter" key.
      • The dates inside the modal should be able to receive keyboard focus.
      • The focus should go back to the date input field after the date is selected.

      Working example for Date picker Dialog could be found at: https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html 

      Screenshot

      Screen Recording

      JRASERVER-73391.mov

      Workaround

      Currently, there is no known workaround for this behaviour. A workaround will be added here when available.

      Bug Ref: 723954

      Attachments

        1. 73391-QA-Verification.mov
          8.19 MB
        2. JRASERVER-73391.mov
          10.33 MB
        3. Screenshot 2022-03-21 at 10.46.38 AM.png
          Screenshot 2022-03-21 at 10.46.38 AM.png
          1.26 MB

        Issue Links

          Activity

            People

              ac25cb55d206 Oleksandr Zghonnyk
              12b69dcabe29 Matthew Brennan
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: