Uploaded image for project: 'Jira Software Data Center'
  1. Jira Software Data Center
  2. JSWSERVER-25701

Accessibility Assessment - Roadmaps: Missing form label or 'Title' attribute

XMLWordPrintable

      Issue Summary

      The label is not provided for the "Choose issue type" input field.

      Steps to Reproduce

      1. Open the "Accessibility Assessment - Roadmaps" page.
      2. Navigate to the main content.
      3. Navigate to the "Filter" button and activate it.
      4. Navigate to the "Issue type all" button and activate it.
      5. Navigate to the mentioned form field.
      6. Inspect the code and observe that the label is not provided for the form field.

      Screenshot

      Actual Results

      The "Choose issue type" form field in the main content area does not have the label associated with that.
      As a result, screen reader users will not understand the purpose of the form fields.

      Expected Results

      Apply the following changes:

      • Provide unique and descriptive label for mentioned form fields using <label> element.
      • Associate the label explicitly with the form field by providing identical value which is unique from other IDs to "for" and "id" attributes of the label and form field respectively.

      Alternatively, use either hidden labels or "title" or "aria-label" attribute to convey the purpose of the form fields to screen reader users as well as maintain the presentation.

      Code Snippet

      <label for="uid-10" class="Label_LabelWrapper-sc-17towfw-0 keOXhT"><div class="Label_LabelInner-sc-17towfw-1 ehMqyL"><span>Choose issue type</span></div></label>
      <input class="sc-exAgwC gsTkUe" id="uid-10" placeholder="Choose issue types..." spellcheck="true" type="text" value="">

      Workaround

      Required, if there is no workaround please state:
      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2021)
      macOs Monterey Version 12.3.1
      Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.3 (17612.4.9.1.5)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

        1. Screenshot 2024-02-06 at 5.03.39 PM.png
          Screenshot 2024-02-06 at 5.03.39 PM.png
          843 kB

          Form Name

            [JSWSERVER-25701] Accessibility Assessment - Roadmaps: Missing form label or 'Title' attribute

            Marc Dacanay made changes -
            Labels Original: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa New: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa ril
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 963876 ]
            Sylwia Mikołajczuk made changes -
            Priority Original: High [ 2 ] New: Medium [ 3 ]
            Stasiu made changes -
            Introduced in Version Original: 9.12 New: 8.2
            Affects Version/s New: 8.20.30 [ 106364 ]
            Affects Version/s New: 9.4.17 [ 106909 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa New: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa
            Stasiu made changes -
            Component/s Original: Accessibility [ 62491 ]
            Component/s Original: (Advanced Roadmaps) Other [ 73719 ]
            Component/s New: (Advanced Roadmaps) Accessibility [ 74392 ]
            Stasiu made changes -
            Status Original: Needs Triage [ 10030 ] New: Ready for Development [ 10049 ]
            Varsha Bansode made changes -
            Priority Original: Low [ 4 ] New: High [ 2 ]
            Varsha Bansode made changes -
            Labels Original: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa New: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa
            Sylwia Mikołajczuk made changes -
            Labels Original: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa New: 3.3.2 Level-A WCAG2.1 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-macos-safari ax-qa

              Unassigned Unassigned
              4cbd728b4726 Rinku Kumar
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated: