Onboarding Tour: Insufficient color contrast for focus indicators of user interface controls.

XMLWordPrintable

    • 8.2
    • Severity 3 - Minor

      Issue Summary

      The color contrast of the focus indicator has insufficient color contrast in the modal dialog.

      Steps to Reproduce

      1. Navigate to "Plan" dropdown and activate it.
      2. Select any plan from the dropdown.
      3. Navigate to ans select the "Settings" button.
      4. Select the "Get started" option.
      5. Using Color Contrast Analyser tool check the color contrast of the focus indicator.

      Screenshot 1

      Screenshot 2

      Screenshot 3

      Actual Results

      The "Next" button with foreground  #9B90DB focus indicator color have color contrast ratio of 2.1:1 with #6654C0 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

        1. image-2024-02-02-16-29-11-140.png
          1.02 MB
          Varsha Bansode
        2. image-2024-02-02-16-30-03-302.png
          1.03 MB
          Varsha Bansode
        3. image-2024-02-02-16-30-44-538.png
          541 kB
          Varsha Bansode

            Assignee:
            Unassigned
            Reporter:
            Varsha Bansode (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: