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

Accessibility Assessment - Teams: Error message not associated with form field

XMLWordPrintable

      Issue Summary

      The error message that becomes available in the "Create team" modal dialog is not associated with the form field.

      Steps to Reproduce

      1. Navigate to the "Plans" dropdown.
      2. Select the "Accessibility Assessment" option.
      3. Navigate to the "Teams" link and activate it.
      4. Ensure that "Accessibility Assessment - Teams" page has been opened.
      5. Navigate to the "Add team" button and activate it.
      6. Observe that modal dialog has been opened.
      7. Ensure that error message is not associated with the form field.

      Screenshot

      Actual Results

      When user keep the "Team name" input field empty, an error message such as "A value must be provided" is getting displayed just below the form field.

      However, this error message is not programmatically associated with the input field.

      As a result, the users might not understand the complete state of the input field.

      Expected Results

      The visual errors must be correctly associated with the form fields. To achieve this, use “aria-describedby”. Make sure that the “aria-describedby” value and “id” match correctly. 

      Code Snippet

      <input aria-describedby="error" class="Input__InputElement-sc-1o6bj35-0 bfCuIo" autocomplete="off" id="title-3a9bc01e-db49-472c-a100-0ad2afb54b86" name="title" spellcheck="true" type="text" value="">
<div id="error">
<span>A value must be provided</span>
(...)
</div>

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.6.1
      Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 17.3 (18617.2.4.11.9, 18617)
      JAWS- Version 2022
      NVDA- Version 2020.3

        1. image-2024-01-30-16-14-03-463.png
          image-2024-01-30-16-14-03-463.png
          596 kB

          Form Name

            [JSWSERVER-25599] Accessibility Assessment - Teams: Error message not associated with form field

            Marc Dacanay made changes -
            Labels Original: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-qa New: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-qa ril
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 963679 ]
            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.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-qa New: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-qa
            Stasiu made changes -
            Component/s Original: Accessibility [ 62491 ]
            Component/s Original: (Advanced Roadmaps) Other [ 73719 ]
            Component/s New: (Advanced Roadmaps) Accessibility [ 74392 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-pg04 ax-qa New: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-qa
            Varsha Bansode made changes -
            Labels Original: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-qa New: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-pg04 ax-qa
            Varsha Bansode made changes -
            Priority Original: Low [ 4 ] New: High [ 2 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-pg04 ax-qa New: 3.3.1 Level-A WCAG21 a11y-triaged ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-qa

              Unassigned Unassigned
              c3f9a46dc7c4 Varsha Bansode
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated: