Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-90567

Calendar | Create Event: Time selector form field inaccessible for users

      Issue Summary

      The Start time" and "End time" time selector form fields are not operable with a keyboard.

      Steps to Reproduce

      1. Navigate to the header and activate the "Calendar" link
      2. Navigate to the dates and activate it 
      3. Using the screen reader, navigate to the "Start time" and "End time" form fields
      4. Observe that the time selector form fields are not reachable

      Screenshot

      Actual Results

      The "Start time" and "End time" form fields used for time selection in the "Create event" modal dialog are not operable with a keyboard. The tabindex="-1" attribute is provided for the mentioned form fields. This made it difficult for keyboard-only and screen reader users to interact with the Date selector widget. Additionally, the time options are not provided in the mentioned form fields

      Expected Results

      Apply the following changes:

      • Remove the tabindex="-1" attribute from the source code of the mentioned form fields.
      • Provide the different time options for the "Start time" and "End time" form fields that will help user to select time from the list.
      • Provide visible time format instructions before the form fields and also include them in the label of the form field.

      Workaround

      Not available 

      Environment 

      MacBook Pro (16-inch, 2019)
      macOS 13.4.1 (c) (22F770820d)
      Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
      Firefox- Version 114.0 (64-bit)
      Safari- Version 16.5.2 (18615.2.9.11.10)
      JAWS- Version 2023.2306.28
      NVDA- Version 2022.2.2
      Voiceover - Version Latest

            [CONFSERVER-90567] Calendar | Create Event: Time selector form field inaccessible for users

            Richard Atkins made changes -
            Labels Original: 2.1.1 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-vpat ax-confluence-dc-vpat-calendar ax-confluence-dc-vpat-pg09 ax-critical-priority ax-kb-user ax-qa ax-qa-verified New: 2.1.1 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-confluence-dc-2023-vpat ax-confluence-dc-vpat ax-confluence-dc-vpat-calendar ax-confluence-dc-vpat-pg09 ax-critical-priority ax-kb-user ax-qa ax-qa-verified
            Zac Xu made changes -
            Link New: This issue causes CONFSERVER-96029 [ CONFSERVER-96029 ]
            Zac Xu made changes -
            Link New: This issue causes CONFSERVER-94512 [ CONFSERVER-94512 ]
            Zac Xu made changes -
            Link New: This issue follows CONFSERVER-90515 [ CONFSERVER-90515 ]
            Aakash Jain made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]

            A fix for this issue is available in Confluence Data Center 8.8.0.
            Upgrade now or check out the Release Notes to see what other issues are resolved.

            Aakash Jain added a comment - A fix for this issue is available in Confluence Data Center 8.8.0. Upgrade now or check out the Release Notes to see what other issues are resolved.
            Zac Xu made changes -
            Rank New: Ranked higher
            Zac Xu made changes -
            Remote Link New: This issue links to "Confluence Bundled Plugins › Confluence Jira-Integration Plugins › issue-CONFSERVER-90567-fix-time-field-a11y (server-syd-bamboo)" [ 849741 ]
            Zac Xu made changes -
            Attachment New: image-2023-12-19-16-07-25-319.png [ 449196 ]
            Zac Xu made changes -
            Attachment New: image-2023-12-19-16-01-52-294.png [ 449195 ]

              zxu2@atlassian.com Zac Xu
              b4488184f7d2 Rahil Shaikh
              Affected customers:
              0 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: