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

Accessibility Assessment | Teams: Insufficient color contrast for focus indicators of user interface controls.

XMLWordPrintable

      Issue Summary

      The color contrast of the focus indicator is not meeting the minimum requirement of color contrast i.e. 3:1.

      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. Using Color Contrast Analyser tool ensure that the color contrast ratio is insufficient.

      Screenshot 1

      Screenshot 2

      Actual Results

      • The "Add Team" and "Manage Shared Terms" buttons with foreground #6AACFF focus indicator color have color contrast ratio of 2.0:1 with #EBECF0 background color.

        * The "More" and "Filter issues by this team" with foreground #6AACFF focus indicator color have color contrast ratio of 2.3:1 with #FFFFFF background color.

       
       
      This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast.

      Expected Results

      Ensure that the color contrast of focus indicator for all user interface controls is 3:1 with the foreground and background color.

      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-29-17-04-18-743.png
          image-2024-01-29-17-04-18-743.png
          883 kB
        2. image-2024-01-29-17-05-43-136.png
          image-2024-01-29-17-05-43-136.png
          878 kB

          Form Name

            [JSWSERVER-25736] Accessibility Assessment | Teams: Insufficient color contrast for focus indicators of user interface controls.

            Marc Dacanay made changes -
            Labels Original: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa New: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa ril
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 963908 ]
            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: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa New: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority 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: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa New: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa
            Sameer Shaikh made changes -
            Labels Original: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa New: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa
            Sameer Shaikh made changes -
            Summary Original: Accessibility Assessment - Teams: Insufficient color contrast for focus indicators of user interface controls. New: Accessibility Assessment | Teams: Insufficient color contrast for focus indicators of user interface controls.
            Varsha Bansode made changes -
            Priority Original: Low [ 4 ] New: Medium [ 3 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa New: 1.4.11 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentteams ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg04 ax-lv-user ax-medium-priority ax-qa

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

                Created:
                Updated: